Cloudinary Blog

Magento with enhanced media and image optimization

By Grant Kemp
Magento with enhanced media and image optimization

(Guest post by Grant Kemp)

Note
Update October 22nd 2019: Cloudinary has released a newer version of the Magento extension. Using the new Magento extension, you can manage and optimize media assets with Cloudinary, and customize your pages with a stylish product gallery. Read more here

Over the past few months Inviqa have been working to build an official plugin to simplify the process of adding Cloudinary to the 100,000s of Magento sites around the world. Inviqa is one of Magento’s largest partners in Europe and has been working with customers to integrate Cloudinary and ensure that the plugin can cater to a Magento store’s needs.

Why Magento?

At the forefront of the digital eCommerce revolution is Magento, which is the world’s largest eCommerce platform by numbers, and powers the stores of global brands from Nike and Gant to high fashion brands like Christian Louboutin and Paul Smith.

Magento logo

Images are the closest thing that an eCommerce store has to real sales people. It is images that encourage visitors to buy, images that allow visitors to connect with products, and most importantly make the transition from new visitors to customers.

Webinar
5 Visual Engagement Tactics That Convert Online Buyers

Cloudinary’s new Magento module

The challenge for a typical Magento administrator is that managing images is hard work. If they make them too big, then the site slows down and creates a bad shopping experience. Make them too small and customers will struggle to see the products and are less likely to add them to their shopping basket.

There is a lot of work that goes into making images. They need to be uploaded, stored, versioned, integrated into Magento, made to work responsively, and then finally shown to the customers. Cloudinary’s focus for Magento is on reducing complexity and working to make image optimization and workflows easier, simpler… and automatic.

Tightly integrated with Magento

By installing the plugin via the Magento Connect store, the whole process of letting Cloudinary take control over the image features on Magento happens automatically.

Benefits of the plugin:

This first release helps to solve the largest headache for Magento sites which is to make Magento perform faster. All web users enjoy fast websites and we have worked hard to provide Magento developers with a framework to add their own custom functionality.

  • Automatic image optimization - Site visitors will receive the best possible image for their browser. For more info look at Cloudinary’s optimized delivery features.
  • Automatic image uploading and migration - The whole Cloudinary setup is handled automatically once the Cloudinary API Key is entered.
  • Faster performance - Website performance is increased by up to 40%.
  • Smaller page weights -  Magento websites benefit from a large reduction in page weights of up to 80% which reduces bandwidth bills to a fraction of their size.

We also implemented controls within Magento that allow:

  • Global image quality changes – Magento administrators are able to change the quality of images across their entire website.
  • One click to Cloudinary’s Media Library - Customers can choose to add videos, PDFs or conduct complex image related changes using the console. They can also copy and paste the resulting URLs straight into Magento without needing to call in the designers.


Megento cloud-based media library

How to install the plugin

For those of you looking to try out the plugin, you can install it in a few minutes via the Magento Connect Store. Take a look at the source code on Cloudinary’s GitHub Repos. Cloudinary has a free plan which is a quick and easy way to try out the features.

If you are looking for new features please feel free to get in touch via our GitHub Repos or visit the feature request forum via the Cloudinary support website.

We look forward to helping Magento merchants take some of the effort out of delivering quality images on their site.  Most importantly as shoppers ourselves, we want Magento site visitors to enjoy a faster shopping experience and access amazing quality product images and videos when they choose to buy online from their favourite stores.  

We have created a quick video demo that shows how to integrate Cloudinary into Magento in under 3 minutes thanks to the new module.

Try it out and share your feedback

There are other features that we haven’t had time to fit into this blog post, so we encourage you to try it out for yourself and share any feedback with us. We are eager to keep developing and improving the plugin.

We also welcome GitHub comments, feature requests and pull requests, as we want to continue to make this the most versatile and powerful image and media plugin in the eCommerce market.

About the Author
Grant Kemp works for Inviqa and has collaborated with Cloudinary to bring their technology to Magento. When not at work, Grant blogs about retail innovation on Connectedwindow.com and builds apps on iOS and Android.


Further Reading on Dynamic Media

Recent Blog Posts

Automatically Translating Videos for an International Audience

No matter your business focus—public service, B2B integration, recruitment—multimedia, in particular video, is remarkably effective in communicating with the audience. Before, making video accessible to diverse viewers involved tasks galore, such as eliciting the service of production studios to manually dub, transcribe, and add subtitles. Those operations were costly and slow, especially for globally destined content.

Read more
Cloudinary Helps Minted Manage Its Image-Generation Pipeline at Scale

David first shared his thoughts at our ImageCon coverence last October and this case study is an abbreviated version of Minted’s success using Cloudinary.

Over time, Faithful renderings of the creations of the illustrators, textile designers, painters, packaging designers, marketers, and stay-at-home moms, all of whom are core contributors of the Minted world, was getting harder and harder. Legacy technology wasn’t cutting it any more—and it was time for Cloudinary to step in.

Read more
Highlights on ImageCon 2021 and a Preview of ImageCon 2022

New year, same trend! Visual media will continue to play a monumental role in driving online conversions. To keep up with visual-experience trends and best practices, Cloudinary holds an annual conference called ImageCon, a one-of-a-kind event that helps attendees create the most engaging visual experiences possible.

Read more

New for DAM: Media Library Extension for Chrome

By Sharon Yelenik
A New Media Library Chrome Extension for Cloudinary DAM

With the introduction of the Media Library Extension, a Chrome-browser add-on that streamlines the access to, search for, and management of images and videos, Cloudinary offers yet another effective tool for its Digital Asset Management (DAM) solution. Let’s have a look at how most teams are currently working with media assets and how the new add-on not only boosts efficiency, but also renders the process a pleasure to work with.

Read more
New Features Supercharge Cloudinary’s Digital Asset Management Solution.

Today, I’m thrilled to announce the launch of Apps for Digital Asset Management and a Media Library Extension for the Chrome browser, which enables easy, flexible integration with all web-based applications in addition to making asset discovery more robust and accessible to all.

Read more
Scale and Automate Workflows With Modern Digital Asset Management Systems

With building, growing, and maintaining a strong digital presence being a top priority for all brands, high-quality visual content is paramount. In fact, consumers are 40 times more likely to share visual content on social networks than on other forums. Plus, a recent study from Wyzowl found that 84% of consumers made purchase decisions after watching a video, which explains why many brands are adding more and more visual media to their sites.

Read more