Native Responsive Images

Re:Native Responsive Images by crazygringo on Sunday August 24, 2014 @12:50AM (#8217727)

For things like retina-aware images, e.g.:

    src="cat_500px.jpg" srcset="cat_750px.jpg 1.5x, cat_1000px.jpg 2x"

Does anyone know if the browser will download a higher-res image once the user zooms in? E.g., in Chrome on OSX, if I zoom from 100% to 130% on a non-Retina display, will it download the 1.5x version and downsample it? Likewise, in iOS, if the initial zoom setting is "zoomed out", and "retina" is almost meaningless from a web perspective because people are zooming in and out all the time, what will be downloaded?

I've never really understood the attention paid to exact pixel alignment, and retina versions of images, when zoom levels are all over the place these days on all sorts of devices.

[ Parent | on HN ]

Re:Native Responsive Images by yoavweiss_ on Sunday August 24, 2014 @01:32PM (#8219088)

The browser can do whatever it wants (read: whatever's best for users) in this case. Current Blink (Chrome/Opera) code wouldn't download the higher res image for 'x' descriptors, but that may change in future versions, perhaps tied to user preferences,network info and other possible conditions.

[ Parent | on HN ]

Re:Native Responsive Images by TazeTSchnitzel on Sunday August 24, 2014 @08:13AM (#8218356)

[ Parent | on HN ]