- From: Anselm Hannemann Web Development <info@anselm-hannemann.com>
- Date: Wed, 16 May 2012 07:46:54 +0200
- To: Aldrik Dunbar <aldrik@gmail.com>
- Cc: whatwg@whatwg.org
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.
Received on Wednesday, 16 May 2012 05:54:13 UTC