es geht um responsice Design und der Umgang mit Bildern. Um doppelte Bilder zu vermeiden würden wir das HTML 5 <picture> Tag benutzen.
Code: Alles auswählen
<picture>
<source media="(min-width: 64em)" src="high-res.jpg">
<source media="(min-width: 37.5em)" src="med-res.jpg">
<source src="low-res.jpg">
<img src="fallback.jpg" alt="This picture loads on non-supporting browsers.">
<p>Accessible text.
</picture>
LG
Brainfart
[/code]