← Blog
5 Min. Lesezeit

Warum dein Foto nach dem Upload quer liegt

Foto am Handy aufrecht, im Upload-Formular quer? Was das Exif-Ausrichtungsflag macht, wie du gedrehte Pixel von einem Tag unterscheidest und es löst.

  • exif orientation
  • photo rotation
  • product photography
  • image upload
  • jpeg
  • webp
  • marketplace listings
  • file metadata
Warum dein Foto nach dem Upload quer liegt

Du fotografierst ein Produkt mit dem Handy, drehst das Gerät, tippst auf den Auslöser. Auf dem Display steht es aufrecht. Im Upload-Formular des Marktplatzes kommt es quer liegend an – dieselbe Datei, eine Vierteldrehung daneben.

Das ist kein Defekt deines Handys. Das Bild liegt womöglich wirklich quer in der Datei, und zwar seit der Aufnahme. Dein Handy zeigt es dir trotzdem richtig herum. Das Upload-Formular tat das nicht.

Deine Datei ist in einem von zwei Zuständen, und um sie auseinanderzuhalten, braucht es eine einzige Prüfung.

Die Kamera speichert das Bild so, wie der Sensor es gesehen hat

Ein Bildsensor ist ein festes Rechteck, fest verbaut im Handy; er dreht sich nicht mit, wenn du dich drehst. Fotografierst du im Hochformat, nimmt er trotzdem ein Bild im Querformat auf, mit deinem Motiv quer darin liegend.

Nahaufnahme eines Kameragehäuses mit abgenommenem Objektiv, das offene Metall-Bajonett liegt breiter, als es hoch ist

Viele Kameras vermeiden es, Millionen Pixel neu zu schreiben, und legen stattdessen eine kleine Zahl in den Metadaten ab, die bedeutet: „dreh das um eine Vierteldrehung, bevor du es anzeigst“. Andere drehen die Pixel beim Speichern und markieren die Datei als bereits aufrecht – deshalb verhalten sich zwei Handys bei derselben Aufnahme unterschiedlich. In einem JPEG ist diese Zahl das Exif-Tag 274, Orientation, und sie kann auch gespiegelte Bilder beschreiben, nicht nur Drehungen.

Manche Programme beachten das Flag, manche ignorieren es

Moderne Browser lesen es aus. Die CSS-Eigenschaft image-orientation hat den Initialwert from-image; MDN formuliert es unmissverständlich: „Die im Bild enthaltenen EXIF-Informationen werden genutzt, um das Bild passend zu drehen.“ Das funktioniert browserübergreifend seit April 2020.

Alles, was kein Browser ist, ignoriert das Tag womöglich weiterhin. Die Webstandards haben sich darauf geeinigt, es zu beachten, aber jede Menge serverseitiger Decoder, Thumbnail-Generatoren und Bildbibliotheken sind älter als diese Einigung und sehen sich das Tag nie an – und nichts verpflichtet sie dazu.

Die Frage lautet also nie „liegt mein Foto quer“, sondern „hat das Programm, das es anzeigt, das Flag gelesen“. Deine Galerie tut das. Der Thumbnail-Generator eines Marktplatzes vielleicht nicht.

Drehen in der Galerie schreibt womöglich nur das Flag um

Tippst du auf den Drehen-Button, hängt das Ergebnis von der App ab. Zwei sehr verschiedene Dinge können passieren.

Eine Hand hält im Freien ein Smartphone, auf dessen Display eine Galerie-App voller Fotos zu sehen ist

  • Die App ändert den Ausrichtungswert und lässt die Pixeldaten unberührt. Sofort, verlustfrei, unsichtbar für alles, was das Flag ignoriert: Dein Foto liegt in der Datei weiterhin quer.
  • Die App kodiert neu: Sie dekodiert die Pixel, dreht sie, schreibt eine neue Datei mit zurückgesetztem Flag. Die Drehung ist eingebrannt und überlebt überall. Bei einem PNG oder verlustfreiem WebP kostet das nichts; bei einem JPEG kostet es in aller Regel eine Neukodierungs-Generation – einmal ist sie es wert, wiederholen lohnt nicht.

Welchen Weg eine App nimmt, siehst du dem Button nicht an, und es hat sich zwischen Versionen derselben App schon geändert. Nimm nichts an; prüf das Ergebnis.

Schlimmer ist ein Werkzeug, das die Pixel dreht, die alten Metadaten aber unverändert mitkopiert: Das Flag sagt weiterhin „drehen“, die Pixel sind es schon, und Programme, die das Flag beachten, drehen das Foto zweimal.

So findest du heraus, in welchem Zustand deine Datei ist

Das klärst du nicht, indem du genauer hinsiehst, sondern nur, indem du etwas prüfst, das keine Vorschau ist.

Hände halten ein Smartphone mit Fotos vor einem aufgeklappten Laptop, auf dessen Bildschirm dieselbe Art Fotogalerie im Browser zu sehen ist

  • Vergleiche die Form mit den Zahlen. Wenn ein Foto hochformatig aussieht, in den Dateieigenschaften aber breiter als hoch gemeldet wird, sind die Pixel im Querformat und ein Flag erledigt die Arbeit. Manche Betrachter korrigieren auch diese Zahlen, eine Abweichung beweist also mehr als eine Übereinstimmung.
  • Lies das Flag selbst. Browser, Desktop-Betrachter und die Thumbnails im Dateimanager beachten das Tag inzwischen fast alle, Einigkeit zwischen ihnen beweist also nichts. Arbeite an einer Kopie, nie am Original, und öffne sie in einem Exif-Betrachter, um Orientation direkt auszulesen. Alles außer 1, oft als „Normal“ angezeigt, heißt: Ein Flag erledigt die Arbeit, und die Pixel stehen nicht aufrecht.

Klär die Ausrichtung, bevor irgendetwas anderes die Datei anfasst

remover.bg nimmt PNG, JPEG und WebP bis 25 MB an und gibt dir eine neue Datei ohne Hintergrund zurück. Es ist ein Hintergrund-Entferner, kein Fotoeditor: Drehen gehört in den Fotoeditor deines Handys oder in dein Designprogramm, bevor du hochlädst.

Diese Reihenfolge zählt, weil dabei eine neue Datei entsteht. PNG und der WebP-Container haben beide einen Platz für Exif – Googles WebP-Spezifikation erlaubt Metadaten „in 'EXIF' oder 'XMP ' Chunks“ –, aber ob der Editor, in dem du gedreht hast, beim Export überhaupt welche hineinschreibt, entscheidet dieser Editor, nicht du. Brenn die Drehung in die Pixel ein, dann bleibt kein Flag mehr übrig, das verloren gehen könnte. Unsere Notizen zu WebP-Support: hochladen und exportieren ohne Umwandlung behandeln dieses Format.

Eine sinnvolle Reihenfolge:

  1. Dreh in einem Editor und exportier eine Kopie, statt in der Galerie auf Drehen zu tippen.
  2. Prüf den Wert von Orientation an dieser exportierten Kopie.
  3. Lad sie zur Hintergrundentfernung hoch.
  4. Setz den Freisteller auf eine Volltonfarbe oder dein eigenes Foto, mit einem Schlagschatten, wenn er auf einer Fläche liegen soll.

Teams, die Volumen über die HTTP-API schieben und Hintergrund entfernen per API – Freistellen automatisieren, sollten die Ausrichtung zuerst in der Pipeline normalisieren: Aus einer queren Quelle wird ein querer Freisteller, tausendfach. Die Ausrichtung steht außerhalb der Hintergrundregeln in unserem Guide Amazon Produktbilder: Regeln für weißen Hintergrund, aber ein quer liegendes Listing wirkt nachlässig, ganz gleich was du sonst richtig gemacht hast.

Die Gewohnheit, die sich lohnt

Vertrau der Datei, nicht der Vorschau. Dreh per Export und lies Orientation einmal an der Kopie; dann steht das Foto im Browser, im Thumbnail-Generator und in der Warteschlange einer Druckerei gleichermaßen aufrecht.

Weiterlesen