WordPress Blog
Alle Artikel zu
November 2012
-
Bilder für Responsive Designs: Für jedes Gerät das richtige Bild
Bei langsamen Internetverbindungen sind nicht selten die Bilder der Showstopper in Sachen mobiler Nutzerfreundlichkeit. Werden Bilder einfach nur verkleinert, muss auch ein Smartphone das 400 KB große JPEG laden. Angezeigt wird aber nur eine stark geschrumpfte Ansicht des Bildes, die eigentlich weniger als halb so viele KB hätte.
-
Klein und scharf: Iconfonts
Webdesigner arbeiten gern mit Symbolen. Eine kleine Lupe im Suchfeld, ein Pfeil, ein Warenkorbsymbol. Jedes dieser Symbole ist ein Bildelement, das entweder per image-Tag oder per CSS (background-image) eingebunden wird. Diese Bildchen sind in der Regel sehr klein, nur ein paar Kilobyte gross. Dadurch fallen sie beim Laden der Seite kaum ins Gewicht. Naja, bisher…
-
Leser Fragen, die Netzialisten antworten (1)
Habt Ihr was gegen Facebook? Jennifer V. fragt: „Mir ist aufgefallen, dass ihr weder bei Facebook seid noch darüber schreibt. Ich würde gerne wissen warum und ob ihr etwas gegen […]
-
Responsive Images: Ladezeit sparen mit Vektorgrafiken (SVG)
Es gibt sehr wirkungsvolle Methoden, Bilddaten schlank zu halten. Die Stichwörter dazu sind die richtige Bildkompression, CSS3-Effekte (der Artikel dazu ist in Arbeit) und das Grafikformat SVG. SVG ist die Abkürzung für „Scalable Vector Graphics“.