<meta charset="utf-8">On Fri, Jul 2, 2010 at 8:39 AM, Aral Balkan <<a href="mailto:aral@aralbalkan.com">aral@aralbalkan.com</a>> wrote:<br>> ...<br><div>> <a href="http://wiki.whatwg.org/wiki/MetaExtensions#Proposals">http://wiki.whatwg.org/wiki/MetaExtensions#Proposals</a><br>

<br><div>"In this case, the developer would provide 2x, 4x, and 8x versions of all images. So, in the running example, she would make flower.jpg, flower@2x.jpg, flower@4x.jpg, and"</div><div><br></div><div>And what if the image was named "images/flower" (using the accept header to send a jpg vs png vs gif) instead of "flower.jpg".  The browser would need to have rules about how to rewrite the name of the file.  I think "@" in the filename would break the many Dos 6.22 based web servers ;-).</div>

<div><br></div><div>I don't think a single element with a single attribute can handle this problem.</div><div><br></div><div>What about an HTTP header like:</div><div><br></div><div>Accept: image/*;ppiratio=2</div><div>

<br></div><div>This would allow the server to send the correct images for that client or return a 307 to the rewritten filename as the server deems fit.  A new Accept property doesn't seem to require changing any specs.   I'ld like to think that image/*;q=x could be used in some way for this.</div>

<div><br>On Fri, Jul 2, 2010 at 8:39 AM, Aral Balkan <<a href="mailto:aral@aralbalkan.com">aral@aralbalkan.com</a>> wrote:<br>> I just submitted a proposal for a new meta tag to flag that<br>> high-resolution images are available and should be loaded in place of<br>

> low-resolution ones for users with high-PPI displays (like the new<br>> iPhone 4's Retina display).<br>><br>> Please see:<br>><br>> <a href="http://wiki.whatwg.org/wiki/MetaExtensions#Proposals">http://wiki.whatwg.org/wiki/MetaExtensions#Proposals</a><br>

><br>> (Currently, although you can use the min-device-pixel-ratio CSS Media<br>> Query to achieve this for background images, no such mechanism exists<br>> for images displayed via the <img> tag short of setting a flag in CSS<br>

> and using image substitution via JavaScript. This new meta tag<br>> proposes a JavaScript-free and easy-to-author mechanism to handle the<br>> above use case.)<br>><br>> I look forward to hearing your thoughts :)<br>

><br>> All the best,<br>> Aral<br>><br><br></div></div>