Consumers have a certain level of expectation around how they experience websites today.
Not only do they want it be relevant and useful, they also want it to be visually appealing/attractive. As a result, many Web professionals focus on the messaging, and a big part of how brands express themselves relies on the quality of images. Text certainly has its place, of course, but there is something to be said about the importance of visual assets.
Often, however, images are not used in a way that improves and adds value to the user experience. Website Magazine spoke with Akamai Senior Product Marketing Manager Anthony Larkin about the role creative assets have on the digital experience, why it is so challenge to create and manage these assets, and if there is anything that Web professionals can do on their end to improve the image-based experience on their own digital properties.
High quality imagery is extremely effective in engaging users online. Businesses are increasingly leveraging image content to create richer, more engaging, and visually immersive web experiences to attract their audience, connect with them longer, and increase the chances that they'll consume more content or make a purchase.
The text to image evolution on the web is apparent across social media (note the progression of twitter > facebook > instagram > snapchat), ecommerce, and even publishers. 63% of shoppers on mobile and tablet devices say that product images ranks first in importance over any other content on the page (source: Nielsen). But it's not just true for shopping, articles with relevant images will get 94% more total views than those without (source: Skyword).
The use of high quality images to attract and engage with online audiences drives real business results. Organizations are striving for ultimate quality but they don't want to sacrifice page load times or time to market as a result. Image content makes up about 62% if a web page's overall weight and the average web page exceeded 2MB in size in 2015 (source: Soasta). The heavier a page the more difficult it will be to transmit all of the data necessary to the requesting device, especially over high latency mobile connections. Slow load times leads to abandonment and can have a negative impact on brand perception and your business results. Quality matters but so does performance.
). There are many factors to consider in order to deliver a consistent user experience across devices. Mobile, Tablets, PCs, TVs, have screens of different sizes and varying processing power, they connect over different network conditions (like high latency mobile networks for example), and are using a variety of software/browsers. This diversity introduces the need to create derivative images with attributes that are best suited for different circumstances considering a) size and format b) the resolution that is supported and c) the artistic layout and attributes. Having to create different images for these different situations can really slow time to market by introducing manual effort or cumbersome workflows if you're automating part of the transformations.
Once you've created all of these derivative assets then you need infrastructure resources to store this large volume of images. Let's say you're producing images in 3 sizes, 4 formats, 3 resolutions, and 3 layouts you'll arrive at 108 versions of the same image. Now if you have thousands of products or articles on your site, you can see how that might get out of hand fast, and continue to grow over time.
After you've figured out how to create all of the images you then need to solve the puzzle of how and when to deliver the right image to the right user at the right time. This can lead to custom development and added complexity to tell the browser when to pull which resource. Now, browser software has evolved to support capabilities like srcset and client hints to automate resource selection, and those practices will continue to be valid but they only address part of the challenge and still require that you have a library of derivative assets to pull from. Due to this complexity many organizations are serving the same large images to all devices and screen sizes or they're addressing a part of the problem through some combination of manual effort, custom development, and/or a service provider introducing less than ideal workflows.
As the Editor-in-Chief of Website Magazine and President of Website Services, Peter has established himself as a prominent figure in the digital marketing industry. With a wealth of experience and knowledge, Peter has been a driving force in shaping the landscape of digital marketing. His leadership in creating innovative and targeted marketing campaigns has helped numerous businesses achieve their revenue growth goals. Under his direction, Website Magazine has become a trusted source of information and insights for digital marketers worldwide. As President of Website Services, Peter oversees a team of talented professionals who specialize in SEO/SEM, email marketing, social media, and digital advertising. Through his hands-on approach, he ensures that his team delivers exceptional results to their clients. With a passion for digital marketing, Peter is committed to staying up-to-date with the latest industry trends and technologies, making him a sought-after thought leader in the field.