Bilder werden im Browser gedreht

[Matthias Scharwies]

Hallo Ina,

Hallo Felix, Betrifft: https://www.dorfgemeinschaft-wellie.de/20blumen.html

Hallo, ich erstelle meine Seiten schon lange ohne Probleme mit Ulli Meybohms HTML EDITOR. Im Editor werden alle Bilder auch richtig angezeigt.

Du redest von deiner HTML-Webseite; Felix von den Bildern.

Bilder enthalten neben den Bilddaten oft noch Metadaten, in denen die technischen Details des Fotoapparats, bei teuren Spiegelreflexkameras und Handys oft auch noch die GPS-Daten gespeichert werden.

Bis jetzt hat das im Webdesign keine Rolle gespielt; die Bilder wurden „normal“ dargestellt.

Nun plötzlich werden einige Bilder im Browser um 270 Grad gedreht und in Folge verzerrt dargestellt. In der Bildinfo steht dann:

korrekt sind Microsoft Edge, nicht korrekt Firefox und Opera

Da haben die Browser jetzt neu etwas eingebaut, dass die in den Metadaten vorhandene image-rotation (ob Du das Handy hochkant oder quer hattest) berücksichtigt.

In diesen neuen Browsern musst du, wie me-too erwähnte, jetzt dies setzen:

image-orientation: from-image ;

Keine Angst, dass es dann in den alten Browsern schief aussieht. Diese verstehen diese CSS-Eigenschaft nicht und ignorieren sie deshalb.

Felix hatte die Möglichkeit erwähnt, diese Metadaten durch ein Bildbearbeitungsprogramm zu entfernen. Da muss man nichts tun. Beim Drehen und Zuschneiden wird so etwas automatisch getan.

Herzliche Grüße

Matthias Scharwies