Ein Problem im Responsive Webdesign ist es weiterhin Bilder in optimierten Bilddimensionen zur Verfügung zu stellen. Mit der CSS-Anweisung
img { max-width: 100%; height: auto; } |
lassen sich zwar Bilder „responsive“ gestalten, allerdings bleibt die Datenmenge gleich. Lädt man z.B. ein sehr großes Bild, das dann auf kleinen Bildschirmen angezeigt wird, muss man unter Umständen zu viele Bilddaten herunterladen und wartet je nach Verbindungsgeschwindigkeit recht lang. Optimal wäre es mehrere Bilder für die jeweiligen Bildschirmgrößen zur Verfügung zu stellen und immer das passende Bild zu laden. Die Browser sind dafür leider nicht ausgelegt und es gibt auch kein Bildformat, dass das unterstützt. Andere Lösungswege müssen also gefunden werden.
Weiterlesen "Adaptive Images in TYPO3 integrieren"