Skip to content

RESOURCES / BLOG / Featured

Results for Tag ‘Featured’

JPEG XL’s Modular Mode Explained

Topics Featured, Image Formats, JPEG XL
Read Time

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…

Generative Fill AI | Expanding Images With Cloudinary’s AI-Powered Outpainting

Topics AI, Featured, Generative AI, Image Transformation
Read Time

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…

Image showing graphic example of a photo of a backpacker and resizing with automatic AI fill in image painted in.

JPEG XL and the Pareto Front

Topics Featured, JPEG XL
Read Time

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…

Image showing a number of sets of eyes in various image formats comparing JPEG XL Compression

Adding a Blur Effect to a Background Image With CSS and Cloudinary

Topics CSS, Featured, Image Transformation
Read Time

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…

Image showing background blur CSS example

JPEG XL: How It Started, How It’s Going

Topics Featured, Image Formats
Read Time

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…

Build a Custom HTML5 Video Player With JavaScript

Topics Featured, Guest Post, HTML5, Player Video, Video
Read Time

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…

Image showing example of video of the moon and the custom video player html that was used to create it.

3 Ways to Implement a Carousel in Next.js

Topics Featured, Guest Post, Image, Next.js, React
Read Time

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…

Image showing code and example of a nextjs slider carousel

Contemplating Codec Comparisons

Topics Featured, JPEG XL, Performance Optimization
Read Time

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…

The Case for JPEG XL

Topics Featured, JPEG XL, Performance Optimization
Read Time

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…

Start Using Cloudinary

Sign up for our free plan and start creating stunning visual experiences in minutes.

Sign Up for Free