Responsive Images – Status Quo
Kurzbeschreibung
Das Thema »Bilder« stellt im responsive Design nach wie vor ein großes Problem dar. Zumindest wenn es sich um inhaltlich relevante Grafiken handelt, die im HTML-Code eingebunden werden sollen. Zwar lassen sich mit klassischen HTML- und CSS-Techniken Bilder skalieren und somit kleiner anzeigen, es werden aber immer die gleichen Daten geladen, was entweder Kompromisse bei der Performance oder bei der gestalterischen Qualität bedeutet. In diesem Zusammenhang ist nicht nur die Größe des Displays eine Herausforderung, auch für unterschiedliche Auflösungen sollten im Idealfall verschiedene Grafiken ausgeliefert werden. Und dann wäre da noch das sog. »Art Direction Problem«, denn je nach Grafik macht eine Skalierung keinen Sinn – besser wäre es den Bildausschnitt zu verändern.
Als mit der Verbreitung von Responsive Design diese Probleme erkannt wurden, existierten in HTML keine Lösungen. Verschiedene Scripte haben sich daher der Problematik angenommen. Mittlerweile ist einige Zeit vergangen. Native HTML-Lösungen wie das -Element, das srcset-Attribut oder das src-n-Attribut sind in der Diskussion und mehr oder weniger praxistauglich.
In diesem Vortrag wird die Problematik im Zusammenhang mit »Responsive Images« beleuchtet, die verschiedenen Techniken erklärt und die jeweilige Einsatzfähigkeit bewertet.
Dozent: Jonas Hellwig
Kunden-Feedback zu unseren öffentlichen Schulungen
[testimonials kategorie=“Oeffentliche Schulung“ posts_per_page=“2″]