For Stylight, a fashion and design retail search engine, uptime, performance and customer experience are key to the bottom line. With tens of thousands of new images being added to its site each week, and a very small development team, the company needed an efficient way to manage and manipulate images, so they could be viewed quickly and optimally on any device used by consumers in 16 countries. As one of the earliest users of Cloudinary, Stylight sees significant performance and financial benefits related to Cloudinary’s cutting-edge solution for image optimization and delivery on multiple content delivery networks (CDNs).
Everyone today is vying for consumers’ attention. Brands and marketplaces are all searching for a competitive edge in their direct-to-consumer channels to win and retain brand loyalty. In this crowded market, marketing teams recognize that a visual mobile and web experience is mission-critical for enhancing conversions, revenue, and customer loyalty.
Part 1 of this series delves into the background for this guide. Here in part 2 are the ins and outs.
Wait, hear me out. I know, we just talked about this: Nobody is sheepishly pleading you, “Please, might we have just one more image on the page?” No, I’m not telling you to pick that particular fight. Instead, use a little smoke and mirrors to avoid requests for images that your audience needn’t render right away and might never need at all while loading them asynchronously—only as needed.
I’ve spent a lot of time thinking about the rules of putting images on the web.
For such a flexible medium as the web, software development can feel like a painstaking, rules-oriented game—an errant comma might break a build, a missing semicolon might wipe out an entire page. For a long time, the laws of image rendering seemed similarly cut-and-dry: For example, if your markups contained an
img element , the singular content of its
src attribute would be foisted on the audience regardless of their browsing context, period.
Recently we added the Cloudinary Demo - eCommerce App to the Google Play Store. This app demonstrates the best practices for optimal delivery of images on a storefront, including category pages, product pages, and a shopping cart. At the time, we published Introducing the Cloudinary Demo Android App, Part 1, which provided an under-the-hood tour of how the eCommerce Android App was designed and how Cloudinary was integrated throughout.
Everyone wants a great website. Few know what it takes.
Building engaging websites and apps are often primary goals for developers and marketers. The key to increasing your site’s performance is making your content relevant and engaging, and your website fast and fun to use.
When you visit a website—whether from your laptop, phone, or tablet—you expect the pages to load fast and all the images to look great. However, ensuring that websites live up to visitor expectations can be more complicated than it might seem.
When creating a website that allows campers to discover great destinations, Hipcamp put a strong emphasis on featuring high-quality images that showcased the list of beautiful locations, regardless of whether users accessed the site on a desktop, tablet, or phone. Since 2015, Hipcamp has relied on Cloudinary’s image management solution to automate cropping and image optimization, enabling instant public delivery of photos, automatic tagging based on content recognition, and faster loading of webpages. In addition, Hipcamp was able to maintain the high standards it holds for the look and feel of its website.