search

hnarayanan / harishnarayanan.org

My personal website.
https://harishnarayanan.org
22 stars 6 forks source link

Serve appropriate image assets to different media #4

Open hnarayanan opened 8 years ago

hnarayanan commented 8 years ago

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 commented 8 years ago

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

hnarayanan commented 6 years ago

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