> ## Documentation Index > Fetch the complete documentation index at: https://cloudinary.com/documentation/llms.txt > Use this file to discover all available pages before exploring further. # Retail and e-commerce guide Cloudinary is a powerful media management platform that integrates seamlessly into your tech stack. It provides end-to-end image and video management at scale, leveraging automation and AI to optimize performance, quality, and visual experience. While API-first, Cloudinary also offers a Media Library UI for easy asset management. For e-commerce, this means faster load times, visually cohesive product displays, and a seamless, high-quality shopping experience—enhanced by personalization—across websites, marketplaces, and social platforms. ## How Cloudinary enhances your e-commerce images and videos Here are just a few examples of stand-out features that can differentiate your e-commerce visuals. Within this guide, we'll take a closer look at how to implement these features at scale. ### Adapt images and videos for every channel When delivering assets to different devices such as desktop and mobile, you'll need to change aspect ratios to fit the different sized viewports. Cloudinary simplifies this by allowing you to store a single source asset and dynamically generate appropriately sized variations for different platforms: ### Smart video cropping Switching aspect ratios for different devices can risk cutting off important parts of your images or videos, especially when working at scale. Cloudinary’s AI-powered cropping ensures the main subject stays in focus when resizing or adapting content for different screens, so your visuals look good across all devices: ### AI outpainting for extended images Use generative AI to seamlessly expand images, maintaining a natural look even when changing aspect ratios. This helps you adapt visuals to different layouts (banners, thumbnails, or full-width displays) without stretching or distorting the original content: ### Personalize product visuals Personalizing products engages visitors and increases conversion. Automatically customize product images with user-defined text and color selection for a tailored experience: ### AI background removal and replacement You might need to remove backgrounds when delivering product images, or personalize them by swapping in different scenes, like an urban setting or a beach. With Cloudinary’s generative AI, you can instantly remove and replace backgrounds, helping you create tailored visuals without manual editing: ### Auto-generated alt text Appropriate alt text is essential for maintaining your sight's accessibility and SEO. Leverage AI-powered object detection to generate meaningful alt text automatically: ### Recolor products with AI You might need to showcase products in several different colors. Generate these product image variations automatically to save the cost of repeat photo shoots: ### Dynamic video overlays Make your videos more engaging by adding text or image overlays that move with the action. It’s a great way to highlight key messages, call outs, or branding: ## What's in this guide #### Best practices * **Check out [Best practices](ecommerce_best_practices)** to understand the foundational elements Cloudinary provides. This section outlines key considerations that help you make informed decisions before implementation. Best practices: page contents {table:class=no-borders overview} Concept|Description ---|--- | [Establish a single source of truth](ecommerce_best_practices#establish_a_single_source_of_truth) | Learn how Cloudinary can help you maintain a centralized location for your assets to ensure consistency across all platforms. | [Store once, transform dynamically](ecommerce_best_practices#store_once_transform_dynamically) | Store a single original asset and generate transformations on demand for different use cases (e.g., print, web, social media). This approach simplifies asset management, reduces redundancy, and streamlines updates for branding and layout changes. | [Enhance searchability with metadata](ecommerce_best_practices#enhance_searchability_with_metadata) | Find the right tools to manage metadata and search assets efficiently, helping you streamline workflows, automate retrieval, and improve content discovery. | [Manage asset rights and compliance](ecommerce_best_practices#manage_asset_rights_and_compliance) | Track, manage, and enforce usage rights for image and video assets to ensure compliance with licensing and branding guidelines. | [SEO strategies for asset URLs](ecommerce_best_practices#seo_strategies_for_asset_urls) | Build friendly image and video delivery URLs to improve SEO. | [Ensure asset accessibility](ecommerce_best_practices#ensure_asset_accessibility) | Ensure your site meets accessibility standards, including color contrast compliance, automated alt text for images, and video translation and transcription for users with hearing impairments—all of which also benefit SEO. | [Optimize image and video performance](ecommerce_best_practices#optimize_image_and_video_performance) | Automate image and video optimization with CDN delivery, resizing, compression, format conversion, lazy loading, and adaptive bitrate streaming (ABR) to improve performance, reduce load times, and ensure a consistent experience across devices. #### Visual differentiators * **Explore [Visual differentiators](ecommerce_visual_differentiators)** to discover branding, personalization, and immersive media techniques for a distinctive and engaging shopping experience. Visual differentiators: page contents {table:class=no-borders overview} Feature|Description ---|--- | [Personalization at scale](ecommerce_visual_differentiators#personalization_at_scale) | Tailor images and videos to specific audience segments for better engagement. | | [Images to videos](ecommerce_visual_differentiators#images_to_videos) | Convert images into dynamic videos for enhanced product presentation. | | [Interactive video experiences](ecommerce_visual_differentiators#interactive_video_experiences) | Add overlays, clickable elements, and dynamic effects to videos to boost engagement and conversion rates. | | [3D and immersive experiences](ecommerce_visual_differentiators#3d_and_immersive_experiences) | Manage and deliver 3D images for interactive and immersive customer experiences, including 360 spin sets, and augmentative reality. | | [User-Generated Content (UGC)](ecommerce_visual_differentiators#user_generated_content_ugc) | Manage and display content created by users, such as reviews or social media posts. | #### Customize and optimize assets on delivery * **Check out [Customize and optimize assets on delivery](ecommerce_optimize_customize)** to learn how to deliver optimized, customized assets using Cloudinary. This section outlines best practices for using direct and named transformations effectively. Customize and optimize assets on delivery: page contents {table:class=no-borders overview} Concept|Description ---|--- | [Compare direct transformations to named transformations](ecommerce_optimize_customize#compare_direct_transformations_to_named_transformations) | Learn when to use direct transformation strings for one-off or simple use cases, and when to switch to named transformations for consistency, reuse, and cleaner URLs. | | [Creating named transformations programmatically](ecommerce_optimize_customize#creating_named_transformations_programmatically) | Use Cloudinary’s Admin API to create and manage named transformations in code, enabling automation and integration into your development workflow. | | [Creating named transformations using the Transformation Builder](ecommerce_optimize_customize#creating_named_transformations_using_the_transformation_builder) | Visually design, preview, and save named transformations using Cloudinary’s UI. This approach is ideal for collaborative or non-technical teams. | | [Adding optimization](ecommerce_optimize_customize#adding_optimization) | Apply `f_auto` for automatic format selection and `q_auto` for smart compression. These settings help reduce file size while maintaining visual quality across all devices. | | [Adding customization and personalization](ecommerce_optimize_customize#adding_customization_and_personalization) | Configure tailored experiences using overlays, cropping, resizing, AI-generated backgrounds, and personalized text to match your brand or audience needs. | #### Workflows * **Use the [Workflows](#workflows) section** for step-by-step guidance on structuring efficient image and video workflows. This section provides detailed examples for managing both product and non-product images, helping you tailor Cloudinary’s capabilities to your organization’s needs. Workflows: page contents {table:class=no-borders overview} Workflow|Description ---|--- | [Product images and videos](ecommerce_workflows_product) | Automate the end-to-end workflow for managing, optimizing, and delivering product visuals with consistency and quality. | | [Non-product, content, or editorial images and videos](ecommerce_workflows_nonproduct) | Organize, optimize, and distribute non-product images and videos, including editorial content and promotional assets.**Note:** Companies may use different terms—content, editorial, or non-product images and videos. For consistency, we'll use **non-product images and videos** throughout. | | [Multi-channel content delivery](ecommerce_workflows_delivery_channels) | Ensure optimized images and videos for web, mobile apps, social platforms, marketplaces, and email campaigns.