ImageKit provides you with an option to decide if the output JPEG image should be rendered progressively or not. In progressive rendering, the client instead of downloading the image row-wise (baseline loading), renders a low-quality pixelated full image and then gradually keeps on adding more pixels and information to the image. This gives faster perceived load times.

Progressive JPEGs can also be smaller than a baseline JPEG, especially for larger images high-resolution images.

Progressive images work only for JPEG format.

To deliver a progressive image, you need to add 'pr-true' transformation to the image URL. For example,

https://ik.imagekit.io/demo/img/tr:w-300,f-jpg,pr-true/default-image.jpg

The above URL delivers a progressively encoded JPG image.

Did this answer your question?