images-responsiveris a simple solution for most responsive images needs
Is it catchy enough? š
Here's my latest pet project, trying to help people struggling with responsive images: https://nhoizey.github.io/images-responsiver/
If you use #Eleventy, there's also a plugin: https://github.com/nhoizey/eleventy-plugin-images-responsiver
Documentation is still a little rough around the edges, but should be enough at least for people already knowing npm and JS.
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ā¦
we hope that our observations and support will help bring JPEG XL support to the web for all chrome users
ā @colinbendell from Shopify
https://bugs.chromium.org/p/chromium/issues/detail?id=1178058#c79
YES, please! š
Eric Portis
Jason Grigsby
Sia Karamalegos