Fotos um 90° gedreht

  • Firefox-Version
    77.0.1
    Betriebssystem
    Windows 10 Home 1909

    Die private Website http://www.falko-behrendt-kiwanis-edition.de/httpdocs/Jacobi_Jahrgang.html wird im Microsoft Edge und auf dem Samsung Smartphone richtig dargestellt. Firefox dagegen zeigt die Bilder auf der Seite um 90° gedreht.

    Wer kann helfen?

    " Jeder ist klug: Der Eine vorher, der Andere nachher"
    Herzliche Grüße von "ostsee" von der Ostseeküste 8)

    ----------------------------------------------------

  • nicht nur verdreht sondern auch verzerrt. Die Bilder liegen schon im Ausgangsformat quer siehe bei "St. Jakobi Nr.15" http://www.falko-behrendt-kiwanis-edition.de/Jakobi/02-jak-15.jpg

    Ich fürchte fast, dass das ein Problem im Quellcode der Webseite ist die nicht dem Standard entspricht und Firefox es eigentlich richtig macht und die anderen Browser diesen Fehler "übergehen".

    Aber alles Spekulation meinerseits. Bestimmt meldet sich noch jemand, der sich mit Code besser auskennt als ich und den Grund nennen kann.

    Hilfe auch im deutschsprachigen Matrix-Chat möglich oder im IRC-Chat
    Meine Anleitungstexte dürfen gerne "geklaut" und weiter verwendet/kopiert werden ;)

  • Vielen Dank für die schnelle Reaktion. Ich selber habe bei der Erstellung der Seiten mittels KomPozer mitgewirkt. Die Bilder mit den anderen Motiven auf den entsprechenden 9 Seiten werden alle richtig gezeigt. Zum Beispiel:

    http://www.falko-behrendt-kiwanis-edition.de/httpdocs/Burgtor_Jahrgang.html

    Vielleicht liegt es bei der fehlerhaften Darstellung am senkrechten Format. ?????

    " Jeder ist klug: Der Eine vorher, der Andere nachher"
    Herzliche Grüße von "ostsee" von der Ostseeküste 8)

    ----------------------------------------------------

  • Ich habe mal testweise eine html Datei erstellt mit reduziertem Code um css und sonstige mit hinein wirkende Dinge auszuschließen.

    HTML
    <img src="http://www.falko-behrendt-kiwanis-edition.de/Jakobi/02-jak-15.jpg">

    hier zeigt der veraltete Chrome 80.0.3987.149 das Bild hochkant an, die neuere Version 83.0.4103.106 und Firefox 77.0.1 zeigen es quer an.

    Sowohl die Alte als auch die neuere Chrome Version zeigen beim Direktaufruf des Bildes http://www.falko-behrendt-kiwanis-edition.de/Jakobi/02-jak-15.jpg es auch quer an.

    Warum Chrome das macht weiß ich auch nicht. Dürfte m.M.n. eigentlich nicht richtig sein. Erklärung weiter unten, weil neuere Versionen wie Firefox ab Version 77 die Exif Rotations Daten berücksichtigen in Bildern

    Hilfe auch im deutschsprachigen Matrix-Chat möglich oder im IRC-Chat
    Meine Anleitungstexte dürfen gerne "geklaut" und weiter verwendet/kopiert werden ;)

    Einmal editiert, zuletzt von Zitronella (17. Juni 2020 um 21:38) aus folgendem Grund: Da ich dummerweise anfangs mit einer veralteten Chrome Version testete.

  • Danke Zitronelle. Chrome zeigt es hier, wie Firefox, auch quer.

    Wir werden es am Wochendende genau unter die Lupe nehmen. Wenn es glöst ist, werde ich es hier anzeigen.

    " Jeder ist klug: Der Eine vorher, der Andere nachher"
    Herzliche Grüße von "ostsee" von der Ostseeküste 8)

    ----------------------------------------------------

  • also, es gibt wohl irgendwelche Exif Daten im Bild bezüglich Drehung, die ein Browser ausliest und der andere nicht.

    Anders kann ich es mir nicht erklären

    Gimp zeigt beim Öffnen des Bildes folgenden Dialog an

    Was mich allerdings verwirrt ist dass das Original das hochkantige Bild anzeigt 8|

    Ach jetzt versteh ich: Im sog. Original werden die Exif Daten einfach nicht berücksichtigt. Im Gedrehten werden sie berücksichtigt.

    "Original" ist m.M.n. hier ein ungünstig gewählter Begriff, denn diese Exif Daten sind ja nun einmal im Original enthalten. Es müsste eher heißen: "nicht berücksichtigt" und "berücksichtigt"

    Hilfe auch im deutschsprachigen Matrix-Chat möglich oder im IRC-Chat
    Meine Anleitungstexte dürfen gerne "geklaut" und weiter verwendet/kopiert werden ;)

    2 Mal editiert, zuletzt von Zitronella (17. Juni 2020 um 18:18)

  • Es ist so, wie Zitronella schreibt:

    In den Metadaten des Bildes ist eine Orientierung vorgegeben, die auch laut css-Code vom Firefox ausgewertet wird. Also entweder die Rotation in den Metadaten der Bilder auf '0°' setzten oder den Quellcode dahingehend ändern, dass diese Rotationsvorgabe nicht berücksichtigt werden soll (das Bild wird entsprechend der enthaltenen EXIF-Informationen gedreht). Dann müsste dieser Quellcode entfernt werden:

    CSS
    img {
        image-orientation: from-image;
    }

    Einmal editiert, zuletzt von BrokenHeart (17. Juni 2020 um 12:46)

  • Dann müsste dieser Quellcode entfernt werden

    Aus dem Quellcode von Firefox entfernen? Denn deine Screenshots zeigen den Bildbetrachter von Firefox. Das hat mit der Website nichts zu tun. Im Quellcode der Website existiert entsprechendes CSS nicht.

    Hier übrigens null Unterschied zwischen Firefox und Chrome. Beide zeigen das Bild gedreht, sowohl auf der Website als auch im Bildbetrachter des Browsers.

  • BrokenHeart wie in meinem Beispiel erläutert, wird die image-orientation auch ohne css-code von Firefox berücksichtigt. Von Chrome aber nicht.

    EDIT: ich hatte noch eine ältere Chrome Version 80.0.3987.149, dort sah man es anders als in Firefox. Jetzt nach Update auf Chrome 83.0.4103.106 ist es genauso falsch wie in Firefox, also eigentlich richtig :D

    Edit2: noch einen Link zur Ergänzung https://www.fxsitecompat.dev/en-CA/docs/202…g-to-exif-data/

    Hilfe auch im deutschsprachigen Matrix-Chat möglich oder im IRC-Chat
    Meine Anleitungstexte dürfen gerne "geklaut" und weiter verwendet/kopiert werden ;)

    2 Mal editiert, zuletzt von Zitronella (17. Juni 2020 um 12:41)

  • Aus dem Quellcode von Firefox entfernen? Denn deine Screenshots zeigen den Bildbetrachter von Firefox. Das hat mit der Website nichts zu tun. Im Quellcode der Website existiert entsprechendes CSS nicht.

    Ja, Fehler von mir. Natürlich nicht aus dem FF-Quellcode entfernen. Hatte das Bild bei mir angezeigt und nicht das Bild im Quelltext-Kontext.

  • Damit werden die Bilder richtig angezeigt.

    richtig und falsch ist immer so ne Sache :D es wird halt so dargestellt, da Edge (genauso wie alle Firefox Versionen vor 77) die Exif image-orientation nicht berücksichtigt.

    Hilfe auch im deutschsprachigen Matrix-Chat möglich oder im IRC-Chat
    Meine Anleitungstexte dürfen gerne "geklaut" und weiter verwendet/kopiert werden ;)

  • In Chromium v84 ist liegt das Bild auch auf der Seite, es gibt wie genannt, auch kein image-orientation im css. Das Beispiel von Zitronella oben hat für mich kein EXIF, sehe keine Daten.

    Stand der Technik

    https://developer.mozilla.org/en-US/docs/Web…r_compatibility

    Wenn du weinen möchtest, bist du falsch hier. Hier gibt es nur Lösungen!
    Oh Herr, wirf Hirn, oder Steine - Hauptsache, du triffst endlich.
    Zu viele Goofies und Dulleks vom Dienst. Schlabokka!

  • Mit nem Bildbetrachter, der das kann? Such dir einen aus, XnView, FastStone - was wird das?

    Diese beiden drehen es nicht, auch das (folgend genannte) Zoner auch nicht.

    Nachtrag - Zoner zeigt "Nach rechts um 90° gedreht" (und "Adobe Photoshop Elements 8.0 Windows") an. Das ist wenigstens verwertbar. Mehr hat es aber nicht. Vermutlich hat er mit irgendwas an den EXIF-Daten rumgespielt. Nur Sinn machts keinen, weil nirgends was im HTML dazu hinterlegt worden ist.

    Vermutlich machen alle aktuellen - bis aktuellen - Firefox es falsch. v78beta und v79 nightly zeigen es immer ungedreht an.

    Wenn du weinen möchtest, bist du falsch hier. Hier gibt es nur Lösungen!
    Oh Herr, wirf Hirn, oder Steine - Hauptsache, du triffst endlich.
    Zu viele Goofies und Dulleks vom Dienst. Schlabokka!

    3 Mal editiert, zuletzt von .DeJaVu (17. Juni 2020 um 20:35)

  • Es müsste keine blöde Fragestunde sein, wenn du nicht nur irgend einen Satz hin klatschen würdest sondern gleich anfangs mehr erläutern würdest. Ich sehe nämlich definitiv Exif Daten in dem Bild, sowohl mit Gimp als auch mit XnView werden sie mir angezeigt

    Hilfe auch im deutschsprachigen Matrix-Chat möglich oder im IRC-Chat
    Meine Anleitungstexte dürfen gerne "geklaut" und weiter verwendet/kopiert werden ;)