Cloudinary Blog

Why we moved from an in-house image management system to Cloudinary

By Adam Cox
Build VS. Buy
At Build.com, where I’m a software architect, we manage hundreds of millions of images. Our site offers more than 1 million home improvement products, such as tubs, toilets, cabinets, fireplaces – really any thing homeowners need for their improvement projects. And for each item, there are multiple images – product and gallery images, action shots, close-ups and thumbnails – that our visitors view from a variety of devices, including mobile phones, tablets, their desktop computers and our native app. In addition, these images are used in many view templates – on the landing page, via search, by category and in the cart.
 
Since our inception, we were using a homegrown system to manage and manipulate our images. We relied on Apache rules and proxies to a Java resizer app. But we ran into several problems with the system as our site grew, including:
  • Speed – It was slow and we were unable to do image transformations on-the-fly.
  • Limited features – We could only resize the height and width, proportionately, and crop for thumbnails.
  • Data consistency – We would upload new images to the site, but they wouldn’t be visible to customers.
  • Storage – With capacity problems and back-up issues, our IT operations staff was always having to help us deal with the images in our system.
  • Scaling – Uploading thousands of images caused a cascading set of issues, resulting in the system crashing and maxing out CPOs.
  • Image management – All images were managed through FTP, without any user interface (UI).
As our company evolved and expanded, we knew we had to find a better way to manage and deliver the best possible images to our buyers. We were spending too much time and too many resources maintaining the legacy system. That led us to a crossroads: Do we build a new system in-house, or should we look for a solution from a third-party vendor?
 
To aid in the decision-making process, we created a matrix that enabled us to evaluate the pros vs. cons of in-house vs. third-party, and identify the requirements any new system must meet:
  • Performance – Time to transform and the ability to create multiple variants, on-the-fly, from the original.
  • Optimization – Ability to reduce image weight by stripping metadata, set JPEG levels and use progressive JPEGs, leverage WebP for Chrome and other actions that speed page-load time.
  • Rich Feature Set – Multiple transformation options, including cropping capabilities, face detection, applying watermarks and delivering higher resolution images for retina display.
  • Accuracy – Proper cache purges to resolve data consistency issues and deliver new images to customers immediately.
  • Ease of Use – Should be easy to implement, integrate and migrate the large existing media library from the legacy system in order to minimize impact on operations.
As we narrowed down our decision to build or buy, we also debated key points, including cost, both in terms of dollars and man hours. These costs included: 
  • Common costs that would be incurred with either option (managing files, integration/migration to a new system, storage, back-up costs and training for the new system).
  • Opportunity costs (particularly in terms of the roadmap and functionality that may be required in the future).
  • Man hours required (for either building and maintaining the system or integrating and managing a third-party solution). 
Other considerations included:
  • Number of files we would need to manage
  • Total storage
  • Bandwidth usage 
  • Growth expectations
  • Potential scalability and reliability of each model to support a global audience or unexpected traffic spikes.
Ultimately, we realized that buying was our best option. We have a talented group of developers, but felt their time would be better spent working on new features for Build.com, rather than the tasks that an outsourced image management service should easily be able to handle.
 
We looked for a vendor that had experience serving companies that were larger than Build.com, which showed that it was capable of scaling, was considered reliable and offered high availability. If these companies were using a vendor and satisfied with its performance, we knew it would be a good fit for us. In addition, we wanted to ensure that the vendor’s performance was faster than our legacy system. Before making our decision, we ran side-by-side WebPageTest comparisons, which enabled us to test whether the vendor’s system offered significant speed increases and performance improvements. 
 
After considering a number of third-party vendors, we selected Cloudinary because it met – or exceeded – all our requirements. Since our move to Cloudinary in May 2016, we’ve seen a number of benefits:
  • Easy implementation – Available code libraries, upload widgets and ability to fetch images from remote locations made our start-up and transition a snap.
  • Greater productivity – Because we didn’t have to maintain and troubleshoot problems, like in our legacy system, our development team became more productive, saving use an average of 10 to 20 hours a month to re-focus on other important aspects.
  • Instant access to new features – As Cloudinary introduced new features, such as art-directed cropping and optimal format selection based on the browser, we could immediately take advantage of them.
  • Better utilization – There was less CPU usage on our servers, better CDN purging when files changed and improvements in back ups.
  • Improved performance – All web pages loaded on Chrome now use WebP for optimal performance, and we generally lowered the page size and reduced loading time.
The decision to build vs. buy a new image management system was not one we took lightly, since the success of our site – and our business – relies so heavily on images. Every company needs to take careful stock of its current challenges, what it wishes to accomplish, expectations for the future, and the risks and rewards of each option, before taking that next step.
 
Here I’ve shared our decision-making process, and the overall benefits from moving to Cloudinary. In my next blog, I’ll go into more detail about how we’re using Cloudinary and the results we have achieved.
 

Recent Blog Posts

An Eye-Opening Talk: Building Apps for the Next Billion Users in Africa

William (iChuloo) Imoh, who hails from Lagos, Nigeria, recently embarked on a U.S. speaking tour, February 20-March 12, during which he powwowed with technical and product teams and communities at such renowned enterprises as Netlify, Pluralsight, Lucidchart, Twilio, and more in Salt Lake City, Dallas, Las Vegas, and San Francisco. On March 5, he gave an enlightening talk, entitled International Developers and Development: Building for the Next Billion Users at Cloudinary in Santa Clara, California. Below is a synopsis. For details, see the related slides.

Read more
The Debut of the Cloudinary Customer Advisory Board

Focus on customers has always been Cloudinary’s mantra. Because we owe them our success, we are constantly reaching out to our customers, not just for feedback on our offerings, but also for their vision, wish list, and buy-in of what Cloudinary can do to meet their needs and make them succeed. About six months ago, it occurred to us that it would be beneficial if we could meet regularly with those who are behind innovation at our key customers—executives, product gurus, developers, content managers—to swap strategies, product roadmaps, best practices, and such. In particular, we’d like to solicit actionable feedback as a foundation for our plans of product enhancements.

Read more
Media Management With the Cloudinary-Netlify CMS Integration

Static sites and the JAMstack are quickly becoming a standard for developing safe and performant websites with an optimal workflow for developers. Netlify CMS (not to be confused with the company that created it, Netlify) is an open source content management solution that works especially with static site generators such as Gatsby, Hugo, etc... enabling content storage in your Git repository along with your code for easier versioning, multichannel publishing, and direct content updates in Git.

Read more
Vitaly Friedman's Insights on Media Conferences

Vitaly Friedman is a die-hard devotee of beautiful content. Born in Minsk, Belarus, he studied Computer Science and Mathematics in Germany, unearthing in himself a passion for typography, writing, and design in the interim. After a six-year stint as a freelance designer and developer, he co-founded Smashing Magazine, a leading online publication on web design and development. You can follow SmashingMag on Twitter @SmashingMag.

Read more