Zu dieser Karteikarte gibt es einen kompletten Satz an Karteikarten. Kostenlos!

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