Bild dreht sich in HTML?
Ich habe in eine HTML Seite ein JPG Bild eingefügt. Das Bild ist in der richtigen Orientierung aufgenommen worden. Jedoch ist dieses um 90° gedreht. Wenn ich das Bild aber extern mit einem anderen Programm um -90° drehe, ist das Bild auf der Seite auch um -90° gedreht. Sprich: Ich bekomme das Bild immer Liegend. Kann mir da jmd. helfen? Danke schon mal im Voraus.
P.S. Sry für die komplizierte Frage...
3 Antworten
Diese Verhalten lässt sich so wahrscheinlich nicht erklären. Wenn, dann müsstest du hier irgendwie genau diese Website verlinken oder aber eine andere Website, bei der das Phänomen auch auftritt. Dann können wir eigene Untersuchungen anstellen und womöglich eine Erklärung finden. Andernfalls wird man den Grund vermutlich nicht finden können, da die von dir bereitgestellten Informationen schlichtweg nicht hinreichend sind.
Das ist, als würdest du einen Meisterdetektiv beauftragen, einen Mordfall zu lösen, und als einzige Info mitgeben: Es wurde wer getötet. Bitte sagen Sie mir, wie! Aber ohne weiteres, ohne weitere Infos, ohne den Tatort oder die Leiche untersuchen zu können... Dieser Fall wäre nicht lösbar.
A) Um welches Bild handelt es sich?
B) Wie sieht der HTML - Code aus in dem es eingebettet ist (evtl. auch CSS-Code)?
C) Liegt es vielleicht am Browser oder an einem Script?
img {
transform: rotate(90deg);
}
Und/oder Exif-Daten rauslöschen
ist das CSS? (damit hab ich mich noch nicht beschäftigt...)
Wie welche Daten rauslöschen?
Ja css. Das braucht man aber.
Die Exif-Daten sind im Bild. Die Kamera speichert da allerhand drin, auch die Orientierung. Manche Bildbearbeitungsprogramme löschen die raus, wenn man das Bild neu abspeichert, manche auch nicht.
Probier es erstmal mit css. Kannst es ja im img-Tag inline schreiben
<img src="das Bild" style="transform: rotate(90deg)">
Kamera wie Iphone 4 speichern im Bild widersprüchliche Daten zur Ausrichtung.
A) Ein selbstgemachtes Bild. (2432x4320 aber auf width=300 verkleinert)
B) Nein nur HTML Code. Das Bild habe ich schon in der Tabelle sowie außerhalb versucht...
C) Ich nutze den EDGE browser. aber im internen browser des HTML Editors ist das gleiche Problem