harishnarayanan.org icon indicating copy to clipboard operation
harishnarayanan.org copied to clipboard

Published 20 hours ago • verified publisher icon hnarayanan

Serve appropriate image assets to different media

Open hnarayanan opened this issue 9 years ago • 2 comments

At the moment, the site has the maximum possible resolution for images (that I am comfortable sending over the network), independent of the screen they're being shown on. This means that when seen on a retina screen (2x, or to some extent, even 3x), things look beautifully crisp. But when not needed, either on very small or low resolution screens, they currently waste a lot of bandwidth. This needs to be improved by suitably figuring out more about the client's screen type and dynamically sending only the assets they need.

hnarayanan avatar Dec 18 '15 09:12 hnarayanan

srcset seems to be the way to go, after figuring out its level of support with IE.

hnarayanan avatar Jan 09 '16 11:01 hnarayanan

https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images

hnarayanan avatar Nov 14 '17 11:11 hnarayanan