This sample eCommerce app demonstrates the best practices for optimal delivery of product images and promotional banners on the storefront, including category pages, product pages, and shopping cart.
With this open source Cloudinary-powered app, you can explore how to improve the user experience and performance of your apps by delivering images, enhanced and optimized for different contexts. Out of the box, you can leverage capabilities such as responsive images, automatic tagging and categorization using AI, and optimized delivery through global Content Delivery Networks (CDNs).
Give it a try: Download the app, replace the sample images with your images, and launch your own app in record time. Whether you’re building an e-commerce or any other app of any vertical, this app enables you to learn and adopt best practices for efficient management and optimal delivery of images.
The source code of this app is available on GitHub. When you set out to develop an app, a good starting point might be the codebase as a basis for learning best practices.
Images and videos tell a story, persuading and engaging with potential buyers. But using visual media can introduce resource bottlenecks and performance issues. Cloudinary enables you to simplify and automate the process of creating, managing, and delivering images and videos, optimized for performance and user preferences.
Whether you need to apply artistic effects or reduce image weight for faster loading, Cloudinary offers a wide array of dynamic manipulations. You can programmatically crop, resize, transcode, filter, and optimize images and videos to suit the viewing requirements of every user. All media assets are delivered through leading CDNs.
Upload Once, Deliver Anywhere: Upload images and videos from any source and adapt them dynamically, using art-direction, to fit the resolution, viewport, and layout of any device.
Optimize App Performance: Make your product images and videos load fast by automatically delivering them in the most efficient format, quality, and resolution, depending on the content and viewing device.
Apply Badges, Effects, and Filters: Enhance images and videos to suit your design needs by applying a wide range of effects, such as watermarks and badges with image and text overlays, rotations, modified shapes, and artistic filters.
Deliver Media Assets Through Multiple CDNs: Accelerate the delivery of product images and videos by leveraging multiple CDNs—Akamai, Fastly, and CloudFront—and dynamically switching between different providers to select the best-performing network. Or, you can continue using your existing CDN solution.
Integrate With Development Frameworks
Leverage the Android SDK to implement image management capabilities using code that integrates seamlessly with your application. You can also use other client-side integration libraries and SDKs, such as Ruby on Rails, PHP, Node.js, Angular, .Net, Python and Django, jQuery, Java, Scala, iOS.
For more information, check out the following resources:
Sign up for Free: https://cloudinary.com/signup