Note from 27 May 2022
Be careful if you use Chrome's device emulation to test responsive images, there's a bug on DPR emulation!
Star the issue!
Be careful if you use Chrome's device emulation to test responsive images, there's a bug on DPR emulation!
Star the issue!
Sizes="auto" pretty much requires width and height attributes
sizes="auto"
is a great new feature of HTML for lazy loaded responsive images. are we dealing with an with sizes=auto? Then its natural dimensions…
New Recommendations for Ecommerce Images
For ecommerce companies—particularly for those selling apparel—it likely makes sense to prioritize image quality above file size. This is a really…
Do you know good tutorials and/or examples about dealing with responsive images that are fluid horizontaly, but with a fixed height?
Using object-fit: cover;
in the CSS is easy, but how can we prevent loading many pixels that will be hidden, without using too many <source>
in a <picture>
?
Responsive images on Shopify with Liquid
We launched the image_tag
and image_url
filters to help with generating responsive images. Before we dive in, what do these filters do? What are…
There is not enough interest from the entire ecosystem to continue experimenting with JPEG XL — https://bugs.chromium.org/p/chromium/issues/detail?id=1178058#c84
I can't believe this, #Chrome is really removing the support for JPEG XL we've been waiting for years! 😡