RESOURCES / BLOG / Featured
Results for Tag ‘Featured’
JPEG XL’s Modular Mode Explained
The new DNG 1.7 specification allows using JPEG XL as the payload codec to store the raw camera data. This new option became available in flagship phone models like the iPhone 16 Pro and the Samsung Galaxy S24. It brings a much-needed update to the existing compression method…
Read More ->
Generative Fill AI | Expanding Images With Cloudinary’s AI-Powered Outpainting
Introduction In this article:Introduction How Generative Fill Works Padding Crop Modes Examples With Crop Modes Standard Padding (c_pad) Limit Pad (c_lpad) Minimum Pad (c_mpad) Fill Pad (c_fill_pad) Behind the Scenes Use Cases Conclusion Frequently Asked Questions AI…
Read More ->
JPEG XL and the Pareto Front
Version 0.10 of libjxl, the reference implementation for JPEG XL, has just been released. The main improvement this version brings, is that the so-called “streaming encoding” API has now been fully implemented. This API allows encoding a large image in “chunks.” Instead of processing the entire image at…
Read More ->
Adding a Blur Effect to a Background Image With CSS and Cloudinary
Working with images and texts in a web application is a complex task. In many scenarios, you want to blur a picture to make it less distracting or to make the text on top of it more readable. For example, blurring the background image of a modal window or…
Read More ->
JPEG XL: How It Started, How It’s Going
Last month at the annual Worldwide Developers Conference, Apple announced its support of JPEG XL. As someone who helped create JPEG XL, I don’t think anyone was more pleased than me to hear this news. For a standard that’s not even three years old, this was a major…
Read More ->
Build a Custom HTML5 Video Player With JavaScript
The HTML5 video player code specification was introduced via the <video> element, which can be used to embed video content into web pages, and it is well supported across modern browsers. In this post, you’ll learn how to embed an HTML5 video player and define an HTML video custom controls…
Read More ->
3 Ways to Implement a Carousel in Next.js
Carousels, referred to as image sliders or sliders, provide an improved visual experience on websites by highlighting important aspects of a product, service or value proposition. This post discusses three different ways to add a carousel to our Next.js application. View the source code on Github here. Prerequisites To…
Read More ->
Contemplating Codec Comparisons
Recently, the AVIF team at Google provided a comprehensive comparison of the performance of AVIF, JPEG XL, WebP, and JPEG. Comparing lossy image codecs is not easy, and there are many aspects to take into account. One key point to note in…
Read More ->
The Case for JPEG XL
Recently, the Chrome developers announced their decision to remove the behind-a-flag support for JPEG XL. The following reasons are cited for this decision: Experimental flags and code should not remain indefinitely There is not enough interest from the entire ecosystem to continue experimenting with JPEG…
Read More ->
Start Using Cloudinary
Sign up for our free plan and start creating stunning visual experiences in minutes.
Sign Up for Free