The end of responsive images
How sizes="auto" with loading="lazy" lets browsers handle most responsive images.
Image news
-
-
Your options for preloading images with JavaScript
Five approaches compared with their caching and CORS trade-offs.
-
Practical guide to the
<img>element: from basics to LCPImage markup tweaks that boost Core Web Vitals.
-
Sprites on the web
A practical guide to CSS spritesheets, steps(), and real-world trade-offs.
-
Non-square image blur extensions in CSS
How to pad portrait and landscape images with blurred edges using modern CSS.