[whatwg] <picture> / <img srcset> not needed

Anselm Hannemann Web Development info at anselm-hannemann.com
Tue May 15 22:46:54 PDT 2012


The good thing on the picture element is that we have the possibility to serve other image-crops and with that the meaning could change so we could update the alt-attribute in the tag for every source-element. 
I do know this is a very special case but valid: An image displayed for a desktop while a monochrome display will get an drawing / shape-image instead. This has the very much same meaning but a different content and has to have a different description in alt-attribute IMO.

Another thing is: We do not have any graphic editor to do such things you have described yet. So you have to write this on your own along with SVG polyfills etc.
This is a valid solution but won't work for the masses of developers. Please, always think of the millions of HTML-developers who only want to do a normal cool website using responsive images.

Thanks!
-Anselm

Am 16.05.2012 um 03:23 schrieb Aldrik Dunbar:

> Hi there,
> 
> Adding a new *presentational* attribute/element for adaptive/responsive
> images makes no sense and is not required. We already have a flexible
> image format that can accomplish this — SVG, e.g.:
> 
> 
> <?xml version="1.0" encoding="UTF-8"?>
> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 1135">
> 	<desc>A painting by Edvard Munch, commonly known as "the scream".</desc>
> 	<style type="text/css" ><![CDATA[
> 		svg { background-size: 100% 100%; }
> 		@media (min-width:477px) {
> 			svg { background-image: url("https://upload.wikimedia.org/wikipedia/en/f/f4/The_Scream.jpg"); }
> 		}
> 		@media (max-width:476px) {
> 			svg { background-image: url("https://upload.wikimedia.org/wikipedia/en/thumb/f/f4/The_Scream.jpg/476px-The_Scream.jpg"); }
> 		}
> 	]]></style>
> </svg>
> 
> 
> Regards,
> Aldrik Dunbar.




More information about the whatwg mailing list