< Ω Skill-Empfehlung: Web-Technologien

Optimierung von Bildausgaben für verschiedene Endgeräte

HTL Rennweg

Show in app

Beschreibung

Kenntnisse zur serverseitigen automatischen Bildoptimierung für verschiedene Endgeräte.

Ziele

Ich weiß

  • in welchem Zusammenhang Bilder verschiedener Größen mit "Responsive Design" stehen
  • was das <picture> Element ist und wie man es in HTML einsetzen kann

Ich kann

  • eine serverseitige Applikation erzeugen, die nach Upload eines Bildes dieses automatisiert für verschiedene Endgeräte skaliert und zwischenspeichert
  • eine Website erstellen, die ein Bild ausliefert, das an die Bildschirmgröße des Endgeräts angepasst ist

Maintainer

Ferdinand Kasper HTL Rennweg