Cloudinary Blog

How to manage images in a fashion website

Fashion outlets have evolved dramatically in the last decade. In the past, if you wanted to be on top of the latest fashion trends, you had to subscribe to all the latest magazines and every month wait for the mailman to drop them off. If you wanted to remember a certain outfit or designer, you could either dog ear the page ('bookmark') or cut out the model or design and literally pin it to your cork board.
 
Today, it's a whole new ball (game). After all, who would've thought that pinning things would become a term meant for virtual pinboards and the good old cork type would be long gone? 
 

Modern fashion websites (and apps)

Fashion is no longer just about glossy magazines, it's about websites, apps and virtual stores. These fashion sites are incredibly image rich and media packed. No longer will the common visitor be satisfied with one image per article. They now expect an image from every angle, the option to change colors, to see it on a model and on the rack, to turn it around 360 degrees and don't get me started on designing your own one-of-a-kind article. Every fashion website now also needs all these images adapted not only to your regular desktop computer, but also to smartphones and handheld devices and to look wonderful in each! Not stretched, not tiny, just right. 
 
These new demands from the fashion consumers require a better image infrastructure. The website developers now need more than just a CMS, and being able to support their images becomes a real issue now. Every image needs to be uploaded, normalized, retouched, watermarked, cropped to many different sizes and aspect ratios, fit all viewing devices at all angles, it's exhausting! These images also need to be optimized and available to users all over the world, quickly. After all, you don’t want your viewers to waste valuable time waiting for all these images to load.
 
That ends up being quite a headache for the developer, and this is where Cloudinary comes in. 
 
   

Image management done right

Whenever images are involved, Cloudinary can dramatically cut the development and IT time and save all the headaches. 
 
With Cloudinary you can easily upload images to the cloud. Automatically perform smart image resizing, cropping (including face detection based cropping), merging, overlay, watermark, apply effects, rotations, format conversions, without installing any complex software. Using Cloudinary you can now upload a single high resolution image and ask Cloudinary to automatically scale it down according to the medium used.
 
Consider for example the following sample dress images. These thumbnails were automatically generated by Cloudinary:
 
w_100
w_50,h_50,c_fill
e_hue:40
e_hue:100,e_brightness:30
a_20,e_hue:20
Watermark overlay
 
 
 
 
 
 
 
 
 
All your images are then seamlessly delivered through a fast CDN, optimized and using industry best practices. Cloudinary offers comprehensive APIs and administration capabilities and is easy to integrate with new and existing web and mobile applications. 
 

How might a fashion website benefit from Cloudinary? 

Take a classic photo laden fashion site. All the product photos need to be high end. By uploading these photos directly to Cloudinary, they are not only safely stored and backed up in the cloud, they are also ready to be transformed on the fly and placed seamlessly on the website exactly as the graphics designer intended.
 
Did the graphics designer envision a thumbnail of different aspect ratio than the original image? Just tell Cloudinary to crop it to the required aspect ratio. It's as simple as changing your image's URL. Want your brand's watermarked on all your photos? Cloudinary will easily add it for you.
 
What about the mobile version of your website? Cloudinary can resize all your images and reduce their quality just a notch so that your mobile users will get the best viewing experience possible and won’t waste precious bandwidth and time when browsing your online site. Same goes for your native apps, and this all happens on-the-fly.
 
Modern fashion sites offer a more social experience. Do you allow your users to upload and share their own images? These photos are uploaded in all sorts of types, different formats and sizes. Cloudinary will normalize all these images for you - same type, same dimensions, same effects. Cloudinary can even fetch your user's profile images from Facebook and Twitter. 
 
Now you can spend your time on your core proposition and avoid image-related headaches.
 

Who uses Cloudinary in the fashion world?

Below are a two examples of companies in the fashion vertical that use Cloudinary's expertise to create the best user experience possible: 
 
 
 
Stylight allows users to create their own mood boards with their own outfit photos, favourite songs, videos and items from a selection of over 500.000 products available on the site. Users can share their mood boards with others in the community and gain inspiration from other users.
Stylight is one of the first fashion communities to have a revenue model that works internationally. Stylight uses Cloudinary to manage all of their images.
 
 
oBaz (short for online bazaar) is an ecommerce and content platform where brands and bloggers can connect to help people discover new products, trends and sales. 
Fashion bloggers use oBaz as a simple platform to write about favorite trends and build a following from an engaged and relevant audience. Brands use oBaz for direct sales while gaining access to shoppers and influential bloggers.
oBaz's media rich website leverages Cloudinary for their image management.  
 

What now?

So what do you think? Worth a try? Head over to Cloudinary and sign up to our free plan. Within minutes you can get going!
 
Got other great uses for Cloudnary? We would love to hear your ideas in the comment thread below! 
 

Recent Blog Posts

Create Lightweight Sites With Low-Code and No-Code Technology

Consumers expect modern websites to be mainly visual. But, the more compelling and complex the related media is, the more data is involved, compounding the site’s weight. In today’s content-craving world, delivering unoptimized media can cost you because it leads to sluggish page loads, resulting in visitors abandoning your site in search of a faster alternative. In fact, a page load that takes more than three seconds can cause as many as 40% of your visitors to bounce. Given this competitive, digital-first environment, you can’t afford to lose page views, for time is of the essence.

Read more
A Blueprint for AWS-Secured Webhook Listeners for Cloudinary

tl;dr: An AWS-secured and optimized Cloudinary webhook listener for extending the Cloudinary service

Code: Github

A webhook is a communication medium for sending notifications from one platform to another about events that occurred. In place are user-defined HTTP callbacks that are triggered by specific events. When a triggered event takes place on the source site, the webhook listens to the event, collects the data, and sends it to the URL you specified in the form of an HTTP request.

Read more
New Accessibility Features for Cloudinary’s Product Gallery Widget

Cloudinary’s Product Gallery widget, which launched in 2019, has enabled many brands to effectively and efficiently showcase their products in a sleek and captivating manner, saving countless hours of development time and accelerating release cycles. By adding Cloudinary’s Product Gallery widget with its customizable UI to their product page, retailers reap numerous benefits, often turning visitors into customers in short order.

Read more
Why Successful Businesses Engage With and Convert Audiences With Visual Media

Most business buyers prefer to research purchase options online, as do many shoppers. No wonder online retail sales in the U.S. rose by 32.4% in 2020—an impressive gain of $105 billion.

For B2B and B2C businesses, text-heavy websites are no longer adequate in attracting shoppers. Instead, engaging visual media—spin images, videos, 3D models, augmented reality—are becoming a must for conveying eye-catching details and differentiators about products or services.

Read more
Making User-Generated Content (UGC) Shoppable With Cloudinary

User-generated content (UGC) is a powerful marketing tool. Not only does video complement marketing efforts for e-commerce by enabling customers to explore products in greater detail, but UGC also adds an element of trust. As a bonus, user-generated video is an exceptional opportunity for e-businesses to attract website traffic without their marketing team having to create promotional videos from scratch. User-generated content drives conversions and brand loyalty as a direct result of authentic interaction.

Read more