Cloudinary Blog

Two Paths to Image Optimization: Which Would You Choose?

Two Paths to Image Optimization: Which Would You Choose?


When you visit a websitewhether from your laptop, phone, or tabletyou expect the pages to load fast and all the images to look great. However, ensuring that websites live up to visitor expectations can be more complicated than it might seem.

 

Considering that almost two-thirds of the average web page contains images, finding a way to reduce their size but also preserve their quality is key to the site’s performance and load speed. To achieve that balance, developers are often saddled with the time-consuming task of transforming appealing, high-resolution images to a format that is web-ready and highly performant.


Check out the following infographic and learn why image optimization matters, what it entails, and compare the two paths to optimized images.


Two paths to image optimization

Recent Blog Posts

Use a Displacement Map to Manipulate your Images

Cloudinary offers a wide variety of transformations that enable you to to manipulate images on the fly by using dynamic URLs. Web and mobile developers use these transformations on their images to achieve everything from optimization and responsive delivery to a variety of image improvement manipulations, with a huge collection of cool effects to choose between. One of the more robust transformations applies another image as a displacement map to manipulate your base image in a variety of ways. The displacement mapping algorithm evaluates every pixel in the image map and then displaces the pixels in the base image based on the intensity of the corresponding image map pixels.

Read more
Proud to be Named to the Forbes Cloud 100

Last night I attended a very special event honoring companies named to the annual Forbes Cloud 100. It was an incredible night spent with the founders and leaders of many companies I’ve long admired.

I’m grateful for every Cloudinarian and the work they do to support our customers, partners, and culture. We should all feel proud to be on this list and to be on an incredibly unique journey in the industry.

Read more

Three Tips for Faster, Easier Video Delivery

By Doug Sillars
Three Tips for Faster, Easier Video Delivery

Videos make websites more engaging and lively, promising audience “stickiness” and return visits. However, research studies show that slow startup or playback stalls of videos often leads to visitor loss. In fact, Akamai found that after a two-second delay, each additional second of stalling could cost you a 6-percent depletion of audience.

Read more
Rotating Or Removing Image Backgrounds With Cloudinary

As a rule, user interfaces, whether for mobile or desktop apps, encompass a significant amount of visual media (images and videos), necessitating close collaboration among designers and front-end developers. The process for building UIs entails a designer-to-developer handoff, at which the designer transfers to the developer blueprints produced with such tools as Photoshop, InVision, and Sketch. The developer then implements the blueprints with Cascading Style Sheets (CSS).

Read more