Docs / Image / Responsive Images

Responsive Images

Responsive Images delivers appropriately sized images to fit the actual render size.

For example, an image of 1000x600px required for desktop will be resized to 500x300px for mobile.

The required size is calculated at the render time, and the appropriate image is resized on the fly using FlyingCDN. Hence FlyingCDN subscription is required to enable Responsive Images.

Some images are still shown as not properly sized

If it's a background image inserted using CSS or the image is lazy-loaded by your theme or some other plugin, responsive images will not work.

Why images are not preloaded anymore

Responsive Images calculate the required width of the image at the render time and append it to the URL of the image. Since the URLs are generated at render time, it's impossible to predict the URL and preload it.