Cloudinary Blog

Daily Responsively Delivers Dev News With Optimized Images Around the Clock on Cloudinary

Daily Moves Dev News Media to the Fastlane

Daily is an open-source browser-extension that delivers curated software development-related news (dev news for short) to your new tab. Around the clock, we gather and rank articles from 200-plus unique sources, keeping developers in the loop with relevant news in their field. All told, we serve content to over 35,000 developers worldwide.

The Challenge of Image Management

Images are an essential part of the Daily news feed but their large footprint tends to impede delivery speed. That was a challenge we had to grapple with from Day One.

Before Cloudinary, we hosted our images on Google Storage buckets, delivering the media through a content delivery network (CDN), but had to manually manipulate and optimize them all by ourselves. The many tasks involved—such as scaling the images to the proper size, keeping them in both WebP and JPEG formats (or PNG for transparent images), and responsively delivering the right format, depending on the browser—were beyond tedious and cumbersome. Every minute we spent on beating the images into shape is a minute we couldn’t spend on enhancing our offering. The problem became an ongoing challenge, so much so that we decided to cast around for solutions. Cloudinary was the perfect answer.

Cloudinary to the Rescue

Right off the bat, it was easy and fast to get Cloudinary working. It took us less than a man-day to change our pipeline to upload images to Cloudinary. We then spent some time to become familiar with the optimizations that we can apply along with the steps involved, which, gratifyingly, were a cakewalk. Altogether, it took us only a few days to learn the ropes with trial and error. That was no time sink at all for the tremendous capabilities we netted from using Cloudinary.

We’ve been managing media with Cloudinary for over a year now and totally love it. No matter that our product is media-intensive, e.g., we processed through Cloudinary 23.4 million requests last month, a whopping 320 GB of media data, we can always count on a seamless and problem-free delivery.

The One Feature That Stands Out

Cloudinary’s on-the-fly transformation feature for images is simply outstanding, bar none. It’s an astronomical time-saver, eliminating the need for migrations or momentous decisions ahead of delivery.

What can be simpler than specifying your transformation criteria with a URL parameter? You want to optimize media to make them load fast on small-screen devices with a sharp display? No worries, just scale the images with Cloudinary on the fly. To avoid overage and billing surprises, you can enable Cloudinary’s Strict Transformations feature, which prevents application of dynamic transformations other than those you specified.

An Indispensable Tool for Business Growth

With Cloudinary, image delivery just works—and works well and efficiently. We can now transform media on the fly or ahead of time, ensuring a smooth and fast process for our app and accelerating loading speed. As a small team, we count every second and must be vigilant about how we spend our time. Thanks to Cloudinary, image delivery is now off our worry list, affording us more time to focus on core issues and deliver more value to our users. When our users are happy, we are happy.

We look forward to continuing to leverage the robust capabilities of the Cloudinary platform in the years ahead.

Recent Blog Posts

 Lazy-Load React to Enhance Page Performance for Your Apps

React is a popular open-source JavaScript library for creating user interfaces (UIs) for single-page web applications, with React Native slated for building mobile apps. Helpfully, React organizes UIs into collections of reusable components, rendering feature management a cakewalk. However, to boost user engagement, conversion, and SEO ranking, you must optimize your app for fast page loads.

Read more
The Hub Helps Creative Talent Win Brand Work with Cloudinary

The Hub is decentralizing the creative process through its two-sided online marketplace that changes the way brands hire creators. The old model of committing all creative resources to one agency of record has proven time-consuming and expensive. Additionally, brands are limited to content that is only as good as the handful of people on that agency’s team.

Read more
A Primer on Microbrowsers

How we browse online in our quest of information has largely been an unknown factor since the Internet became ubiquitous in the mid-1990s. What’s indisputable is that we’re unlikely to type in URLs as a start, especially if we don’t have clues as to which site to visit. Google search revolutionized the ability to find relevant information through keyword entries, leading to the emergence of search-engine optimization (SEO), whereby you as site owners ensure that the popular keywords appear in your content.

Read more
Top 5 Reasons for Attending ImageCon 2020: A Digital Experience

ImageCon, Cloudinary’s annual conference on innovating the Visual Web, will be held digitally between July 27-30 with an agenda that outdoes the past years’, featuring presentations by developers, creatives, and marketing professionals across the globe. Not only will you learn the latest groundbreaking technologies, strategies, and best practices for media management, you’ll also have many opportunities to interact with our speakers and ask them questions live during the live Q&A sessions.

Read more
AI-based Automatic Image Cropping for E-Commerce

If you’ve come across this post and, based on the title, are expecting insights into object-oriented programming languages, then please forgive me for overloading the term object-oriented. I hope you don’t object when you discover that the objects in this post are not so much the instantiated class types, but real-life objects found in images. It is helpful though if you’re familiar with the likes of Java, PHP, Javascript or other popular frameworks, as you’ll be able to implement these automatic image cropping techniques in your code. Anyway, let’s cut to the chase - or should that be crop to the object...?

Read more