responsive design bilder

drsoong · 14.01.2012, 23:10

Hi

mache mir gerade diverse Gedanken zum bennannten Thema.

Frage mich wieviel Sinn es macht bei unterschiedlichen Browserfenstergrößen unterschiedlich große Varianten eines Bildes zu laden. Das wird ja hier und da im Netz so beschrieben.

Spricht irgendwas dagegen, statt verschieden großer Bilder einfach width und height Attribut des Bildes bei resize relativ anzupassen?

rudygotya · 14.01.2012, 23:16

Ja, die Dateigröße

auf die Art lädt das mobile device genauso viele Daten wie der Desktop mit der viel schnelleren Anbindung.

In gewissem Rahmen kann man schon z.b. mit css: background-size:contain; arbeiten. Wirklich responsive wirds allerdings nur mit media queries und unterschiedlichen Bildgrößen für verschiedene Auflösung imo.

Grüße

Basti

drsoong · 14.01.2012, 23:29

Dateigröße ist schon ein Punkt. D. h. Du würdtest auch nur eine Größenvariante orientiert an screen size laden?

rudygotya · 14.01.2012, 23:46

Nicht ganz, eher ein Kompromiss. Meistens unterscheide ich nur nach Breite des Screens, für kleinere Devices jedoch auch nach max-device-width und orientation. Wobei einem auch da noch Kundenwünsche zwischen rein "fummeln" können.

Dann wirds allerdings knifflig. Wenn das Browserfenster in der Größe verändert wird, lädt z.b. Firefox wiederum die Bilder nach, auch nicht ideal. Wenn derjenige welche dann keine schnelle Verbindung hat, hat man genau das Gegenteil von dem erreicht, was man eigentlich wollte.

Du kannst dir bei der Gelegenheit respond.js ansehen, damit hättest du auch gleich einen polyfill.

drsoong · 15.01.2012, 00:13

Interessant, danke. Respond.js habe ich mir angesehen, prima. Brauch man ja auch für IE. Was muss ich den unter einem polyfill hier verstehen?

rudygotya · 15.01.2012, 00:56

Jo

genau der. Oder auch Firefox 3.6

rudygotya · 15.01.2012, 11:07

Hier noch als Ergänzung das Modernizr Wiki, welches shims, polyfills und sonstige teutonische Skripts auflistet.

drsoong · 16.01.2012, 10:33

Zitat:

Zitat von rudygotya

Hier noch als Ergänzung das Modernizr Wiki, welches shims, polyfills und sonstige teutonische Skripts auflistet.

Vielen Dank. Ich suche ja immer noch nach einer griffigen Übersetzung für polyfill. Wer füllt den hier wen mit was viel oder mehrfach, wenn man von polyfill redet.

16.01.2012, 11:15

Zitat:

Zitat von drsoong

Wer füllt den hier wen mit was viel oder mehrfach, wenn man von polyfill redet.

Das ist die Frage: gehts um ein Besäufnis oder um ne Reportage über eine Swingerparty? <ggg>

drsoong · 16.01.2012, 11:21

Zitat:

Zitat von meikel

Das ist die Frage: gehts um ein Besäufnis oder um ne Reportage über eine Swingerparty? <ggg>

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Bilder unter den Gliederungspunkt anzeigen	Plienkie	PHP Einsteiger	13	20.12.2011 23:19
[Erledigt] Geänderte Bilder neu resizen	smilla	PHP Tipps 2010	3	06.03.2010 19:13
[Erledigt] Wie kann man Bilder sinnvoll verkleinern?	Squall	PHP Tipps 2009	7	17.06.2009 15:55
Bilder ohne DB sicher speichern	Diet	PHP Tipps 2005	6	25.03.2009 00:07
Entscheidung für Bilder	maclaim1988	PHP Tipps 2009	2	07.02.2009 18:50
Design und Code Trennen	TeazY	PHP Tipps 2008	29	21.05.2008 12:08
Zip Archiv entpacken und Bilder verkleinern	Simon9990	PHP Tipps 2008	5	08.10.2007 00:32
bilder verkleinern	022.9	PHP Tipps 2006	4	26.10.2006 08:23
bilder zu groß?!	lindner	PHP Tipps 2006	9	19.10.2006 08:32
Bilder löschen		PHP Tipps 2005-2	4	24.10.2005 11:37
Bilder aus einem unterverzeichis anzeigen.Hilfe		PHP Tipps 2005-2	3	12.09.2005 15:36
Mehrere Bilder Hochladen und bearbeiten		PHP Tipps 2005-2	7	23.07.2005 13:48
Design		Beitragsarchiv	26	04.06.2005 20:56
Bilder in Tabellen	nixdorf	HTML, Usability und Barrierefreiheit	36	09.05.2005 21:15

14.01.2012, 23:10
drsoong Erfahrener Benutzer Registriert seit: 05.08.2008 Beiträge: 1.127	responsive design bilder Hi mache mir gerade diverse Gedanken zum bennannten Thema. Frage mich wieviel Sinn es macht bei unterschiedlichen Browserfenstergrößen unterschiedlich große Varianten eines Bildes zu laden. Das wird ja hier und da im Netz so beschrieben. Spricht irgendwas dagegen, statt verschieden großer Bilder einfach width und height Attribut des Bildes bei resize relativ anzupassen? __________________ Es ist schon alles gesagt. Nur noch nicht von allen.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

14.01.2012, 23:16
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Ja, die Dateigröße auf die Art lädt das mobile device genauso viele Daten wie der Desktop mit der viel schnelleren Anbindung. In gewissem Rahmen kann man schon z.b. mit css: background-size:contain; arbeiten. Wirklich responsive wirds allerdings nur mit media queries und unterschiedlichen Bildgrößen für verschiedene Auflösung imo. Grüße Basti __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

14.01.2012, 23:29
drsoong Erfahrener Benutzer Registriert seit: 05.08.2008 Beiträge: 1.127	Dateigröße ist schon ein Punkt. D. h. Du würdtest auch nur eine Größenvariante orientiert an screen size laden? __________________ Es ist schon alles gesagt. Nur noch nicht von allen.

14.01.2012, 23:46
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Nicht ganz, eher ein Kompromiss. Meistens unterscheide ich nur nach Breite des Screens, für kleinere Devices jedoch auch nach max-device-width und orientation. Wobei einem auch da noch Kundenwünsche zwischen rein "fummeln" können. Dann wirds allerdings knifflig. Wenn das Browserfenster in der Größe verändert wird, lädt z.b. Firefox wiederum die Bilder nach, auch nicht ideal. Wenn derjenige welche dann keine schnelle Verbindung hat, hat man genau das Gegenteil von dem erreicht, was man eigentlich wollte. Du kannst dir bei der Gelegenheit respond.js ansehen, damit hättest du auch gleich einen polyfill. __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

15.01.2012, 00:13
drsoong Erfahrener Benutzer Registriert seit: 05.08.2008 Beiträge: 1.127	Interessant, danke. Respond.js habe ich mir angesehen, prima. Brauch man ja auch für IE. Was muss ich den unter einem polyfill hier verstehen? __________________ Es ist schon alles gesagt. Nur noch nicht von allen.

15.01.2012, 00:56
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Jo genau der. Oder auch Firefox 3.6 __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

15.01.2012, 11:07
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Hier noch als Ergänzung das Modernizr Wiki, welches shims, polyfills und sonstige teutonische Skripts auflistet. __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog