Is it time to rethink how we handle images in responsive design?
ive been experimenting with different approaches but keep hitting roadblocks:
-
Lazy loading works great, no doubt.
- But what about image sizes and quality on mobile?
My current setup is a nightmare:
<img src="high-res. jpg" alt=" decoding=lazy>
On slower 4G networks or older devices?
It feels like were forcing users to download unnecessarily large files.
Have you tried using [code]srcset</code
> with different resolutions?Or maybe the new WebP format is worth a shot?
Any other strategies for balancing image quality and performance on mobile without breaking my sanity? ⚡