This flashcard is just one of a free flashcard set. See all flashcards!
9
Skalieren von Bildern: Lösungsstrategien
1. Lösung mit HTML und CSS Sizing
Doppelt so grosse Grafik erzeugen und diese mit CSS verkleinern
<img src="bild300px.jpg" width="150" height="150">
oder
.bild {
background-image: url(bild300px.jpg);
background-size: 150px 150px;
}
Vorteil: Einfache Implementierung
Vorteil: Für Bilder und Hintergrundbilder anwendbar
Nachteil: Für alle Geräte dieselbe Datenmenge
Doppelt so grosse Grafik erzeugen und diese mit CSS verkleinern
<img src="bild300px.jpg" width="150" height="150">
oder
.bild {
background-image: url(bild300px.jpg);
background-size: 150px 150px;
}
Vorteil: Einfache Implementierung
Vorteil: Für Bilder und Hintergrundbilder anwendbar
Nachteil: Für alle Geräte dieselbe Datenmenge
Flashcard info:
Author: CoboCards-User
Main topic: Interaktive Medien
Topic: Mobile Websites
Published: 18.06.2014