[whatwg] responsive images srcalt proposal

Rasmus Fløe rasmusfl0e at gmail.com
Sat Jan 25 20:03:58 PST 2014

If you don't actually _do_ anything based on device-pixel-ratio besides
ramping up the dimensions you could just leave dpr out and let the
useragent figure out if it wants pick a higher res image:

<img src="/path/to/image-200-300.jpg" width="200" height="300"
    srcoptions="/path/to/image-{width}-{height}.{format};    200x300,
400x600, 800x1200; webp, jpg"/>

For sure srcoptions caters for automation/systematic naming. I don't think
that is a bad thing :)

On Sun, Jan 26, 2014 at 4:48 AM, Fred Andrews <fredandw at live.com> wrote:

> > Date: Sat, 25 Jan 2014 18:21:59 +0100
> > From: rasmusfl0e at gmail.com
> ...
> > Device-pixel-ratio can be quite relevant to include in urls; with an 2x
> > image compression artifacts in lossy formats (jpg, webp) are less visible
> > which in turn means you can crank up compression without losing visible
> > quality while getting an image that'll weigh roughly the same as the
> > equivalent 1x image. It's a very nice trick :)
> The images might be identical and your proposal does not allow this to be
> expressed.  It might be better to be able to enumerate all available images
> and to describe each so that the UA can make a choice.
> cheers
> Fred

More information about the whatwg mailing list