Zum Inhalt wechseln
Dr. Web Logo seit 1997.
  • Beste Agenturen
  • Magazin
  • Beste Agenturen
  • Magazin
Dr. Web Logo seit 1997.
  • Kontakt
  • Anmeldung
  • Newsletter
  • Beste Agenturen
  • Magazin
Menü
  • Beste Agenturen
  • Magazin
Suche
Agenturpartner werden →
Dr. Web » Design » Responsive Images: Und das Picture-Element kommt doch

Responsive Images: Und das Picture-Element kommt doch

Facebook Icon. facebook Twitter Icon. twitter Xing Icon. xing Linkedin Icon. linkedin Whatsapp Icon. whatsapp
  • Keine Kommentare
Lesedauer: 2 Minuten
  • von Dieter Petereit
  • 8. August 2012

Wer die Beiträge zum Thema Responsive Images hier im Dr. Web Magazin verfolgt hat, weiß, dass es verschiedene Vorschläge für eine Lösung zur Implementation der Fähigkeit, Bilder in responsiven Layouts zu behandeln, gab und gibt. Einigkeit besteht allerdings nur insoweit, als das bestehende Figure-Tag für untauglich befunden wird, jedenfalls solange es unverändert bleibt. Die größten Chancen schien zunächst ein eigenes Picture-Element zu haben, dann kam es anders…

html5 logo Responsive Images: Und das Picture-Element kommt doch

WHATWG sagt Srcset, HTML Working Group sagt Picture

Vor einiger Zeit stellte ich hier ein jQuery-Plugin names jQuery Picture vor, das als Übergangslösung konzipiert war. Es sollte das Verhalten eines künftigen Picture-Elements solange per Javascript imitieren, bis dieses standardisiert ist, um dann selbst obsolet zu werden. Der Entwickler hatte das Plugin entsprechend vorbereitet.

Dann jedoch erklärte Anfang Juli die Web Hypertext Application Technology Working Group (WHATWG), eine der maßgeblichen Einrichtungen, wenn es um die Entwicklung der HTML5-Spezifikation geht, sie werde eben dieser Spezifikation lediglich ein Attribut zum IMG-Element hinzufügen, das sog. srcset. In diesem Beitrag habe ich mich mit den Vor- und Nachteilen der Lösung beschäftigt. Die Einführung des Srcset-Attributs klang nach einem Machtwort.

Dann, Ende Juli, erklärte die WHATWG, künftig nicht mehr mit der W3C gemeinsam am Standard arbeiten zu wollen. Vielmehr würde man künftig einzeln über Verbesserungs- und Veränderungsbedarfe nachdenken, um sie dann im Rahmen der eigenen Entscheidungshoheit in den Standard zu überführen. Dabei betrachtete die WHATWG ihre HTML5-Version als lebenden Standard, während die Version der W3C eher auf einem Schnappschuss, einer Stichtagsbetrachtung beruhen werde. In diesem Beitrag stellte ich die Situation ausführlicher dar. Mutmaßlich sollte sich im Grunde nur wenig ändern, immerhin sei ja die WHATWG ohnehin die treibende Kraft hinter dem Standard.

Daher darf es durchaus überraschen, dass es sich die HTML Working Group der W3C kürzlich mit einem recht engen Zeitplan verordnet hat, eine Spezifikation des Picture-Elements zu erarbeiten. Dazu bedient man sich der Mitarbeit von Vertretern der W3C Community Group zu Responsive Images. Ein erster Entwurf soll bereits am 16. August vorliegen.

Ich bin gespannt auf die Reaktion der WHATWG. Ganz offensichtlich ist das W3C mit ihrer vorgeschlagenen Rolle als Verwalter eines Stichtags-Standards nicht einverstanden. Ich hoffe, die Kontroverse schadet der Fortentwicklung des Standards nicht. Bei nicht interessengeleiteter Verfahrensweise könnte man sogar sagen “Konkurrenz belebe das Geschäft”. Andererseits: Wann war die Arbeit an einem Standard mal nicht interessengeleitet?

Dieter Petereit

Dieter Petereit

Dieter Petereit ist seit 1994 im Netz unterwegs, aber bereits seit über 30 Jahren in der IT daheim. Seit Anfang des neuen Jahrtausends schreibt er für Technik-affine Medien wie T3N und Dr. Web. Dieter war acht Jahre lang Chefredakteur des Dr. Web Magazins.

Werde ein Sponsor. Kontaktiere uns →

Kostenloses SEO-Tool

Agenturpartner

werbeagentur held traunstein logo

HELD Werbeagentur

Traunstein

Logo von Lausitz Design.

Internetagentur lausitz.design

Schleife

Fotografie Jennifer Klüpfel

Bodenheim

WebOptimizer Logo mit der Aufschrift: Erfolgreich im Internet.

WebOptimizer – Webseiten und Online-Marketing der nächsten Generation

München

Agentur novomyo Logo.

novomyo – Online Marketing Agentur

Hamburg

Alle Agenturpartner

Lust auf mehr?

Symbolbild in einem Laptop eingebettet. Zu sehen ist ein Mitarbeiter einer Digitalagentur.
Digitalisierung

Digitalagentur finden

Wir unterstützen Sie bei der Auswahl der passenden Digitalagentur, mit Agenturempfehlungen und wichtigen Hintergrundinformationen in unserer FAQ.

→
Junger Mann, der in einer SEO-Agentur arbeitet arbeitet und in die Kamera lächelt.
SEO

SEO Agentur finden

Hier finden Sie eine geeignete SEO Agentur. Sie möchten eine bessere Sichtbarkeit Ihrer Website in Google & Co., mehr Traffic, höhere Conversions, mehr Umsatz? Eine professionelle SEO Agentur unterstützt Sie maßgeblich bei der Erreichung dieser wichtigen Ziele.

→
Inhaber einer WordPress-Agentur, am Tisch sitzt und in die Kamera schaut.
WordPress

WordPress Agentur finden

Wir unterstützen Sie bei der Auswahl Ihrer WordPress Agentur, mit Agenturempfehlungen und wichtigen Hintergrundinformationen in unserer FAQ.

→

0 Antworten

  1. Basti1350 sagt:
    9. August 2012 um 10:40 Uhr

    Die Nachricht kam aber spät, hatte mich schon gewundert 😉
    Da hat sich Mat Marquis‘ Einsatz ja gelohnt.
    Sehr schön, denn srcset finde ich persönlichen für RWD unbrauchbar. Ich hatte mich fast damit abgefunden weiter script oder serverlösungen verwenden zu müssen. Wenn man es so sehen will, 1:0 W3C.

    Antworten
  2. Need_you sagt:
    8. August 2012 um 16:44 Uhr

    Danke für die Info! Bitte halte uns weiterhin auf dem laufenden 🙂

    Antworten

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Dr. Web Logo weiss.
Fachmagazin für Online-Marketing. Seit 1997. Wissen, Software, Dienstleister: Wir bringen die Digitalisierung Ihres Unternehmens praxisnah voran. ✅

Agentur nach Schwerpunkt finden

  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • WordPress Agentur finden
  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • WordPress Agentur finden

Für Unternehmer: Finden Sie Ihre Agentur in…

  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich
  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich

Aus unserem Magazin

  • Buchhaltung
  • Content Marketing
  • Design
  • Digitalisierung
  • E-Business
  • E-Commerce
  • E-Mail-Marketing
  • Finanzen
  • Freelancer
  • Hosting
  • HTML
  • HTML/CSS
  • Inspiration
  • IT Sicherheit
  • JavaScript & jQuery
  • Jobs & Karriere
  • Online-Marketing
  • Programmierung
  • Public Relations
  • Rechtliches
  • Responsive Design
  • SEA – Suchmaschinenwerbung
  • SEO
  • Showcases
  • Social-Media-Marketing
  • Tipps, Tricks & Tutorials
  • Tools
  • UX Design
  • VPN
  • Webdesign
  • WordPress
  • Buchhaltung
  • Content Marketing
  • Design
  • Digitalisierung
  • E-Business
  • E-Commerce
  • E-Mail-Marketing
  • Finanzen
  • Freelancer
  • Hosting
  • HTML
  • HTML/CSS
  • Inspiration
  • IT Sicherheit
  • JavaScript & jQuery
  • Jobs & Karriere
  • Online-Marketing
  • Programmierung
  • Public Relations
  • Rechtliches
  • Responsive Design
  • SEA – Suchmaschinenwerbung
  • SEO
  • Showcases
  • Social-Media-Marketing
  • Tipps, Tricks & Tutorials
  • Tools
  • UX Design
  • VPN
  • Webdesign
  • WordPress

Rechtliches

  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑