hnarayanan/harishnarayanan.org

Serve appropriate image assets to different media

Opened this issue · 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.

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