HTML-Tipps

Bilder 90 Grad verdreht

Manchmal werden Bilder um 90 Grad verdreht dargestellt und keiner weiss warum. Zeigt man sie direkt im Browser an, passt alles, bettet man sie via <img src=""> ein ist es plötzlich um 90 Grad verdreht.

Problem: EXIF Daten für "Orientation"

Lösung:

img {
    image-orientation: from-image;
}

Dann werden die Bilder richtig angezeigt, da die EXIF Daten ausgewertet werden.

Erstellt: 12/2017| Geändert: 12/2017