Matthias Apsel: Welche Bildquelle bei Responsiven Design?

Beitrag lesen

Om nah hoo pez nyeetz, T-Rex!

Da gibts eine Seite die hat ein Bild. Auf einem 1500px breitem Desktop pc ist das Bild 1500px breit, auf einem Smartphone 320px. Es gibt zwei Bildversionen - eine große und eine kleine (alles dazwischen ist für das Beispiel irrelevant).
Jetzt möchte ich bei kleinen Display gerne die kleine Version anzeigen und bei großen Versionen die große Version. Doofe Sache ist, dass das img nur eine src hat.

Hardware-Pixel != CSS-Pixel!

Du kannst beide Bilder verwenden und per MQ jeweils eins ausblenden, schau dir den Datenverkehr an, ob beide Bilder übertragen werden.

Matthias

--
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Zug und Zugang.