Bilder und Fotos · Browser-Bild- und Zeichnungseditor
Wie Browser die EXIF-Ausrichtung verarbeiten, wenn Sie ein Telefonfoto bearbeiten
· Wie es funktioniert
Bildbearbeitung Leinwand Browser-Verarbeitung
Mobiltelefone speichern Fotos häufig seitlich und verlassen sich auf ein kleines Orientierungs-Tag, um den Betrachtern mitzuteilen, wie sie sie drehen sollen. In diesem Beitrag wird erklärt, was dieses Tag ist, wie der Browser es beim Dekodieren anwendet und warum ein bearbeiteter Export es nicht mehr benötigt.
Das Foto, das auf Ihrem Telefon aufrecht und überall schräg steht – das konkrete Symptom und das achtwertige EXIF-Ausrichtungs-Tag dahinter
Beginnen Sie mit dem Symptom: Ein Porträt, das in der Telefongalerie aufrecht aussieht, kann bei einem anderen Betrachter seitwärts ankommen. EXIF-Ausrichtung ist eine an die Datei angehängte Anweisung mit acht möglichen Werten, die Flips und Vierteldrehungen beschreiben. Der nützliche Beweis hier ist enger als ein allgemeines Browserversprechen: Dieser Editor lädt ein HTML-Bild von einer bereichsbezogenen Objekt-URL, zeichnet das dekodierte Ergebnis und verfügt über keine Vorrichtung, die beweist, wie jeder Browser mit jedem Ausrichtungswert umgeht.
Verwenden Sie ein kopiertes Telefonfoto als Testexemplar. Notieren Sie die angezeigten Abmessungen, erstellen Sie einen kleinen Ausschnitt, exportieren Sie ihn und öffnen Sie den Download in einem zweiten Viewer. Beim Canvas-Export werden die angezeigten Pixel über „canvas.toBlob“ als PNG, JPEG oder WebP neu codiert. Es kopiert nicht den Quellcontainer und verspricht auch nicht, EXIF beizubehalten. Der Vergleich sagt Ihnen, was mit diesem Raster passiert ist, und nicht, was jede Datei bewirken wird.
Ein seitliches Ergebnis ist möglich, aber dieses Repository analysiert nicht die acht EXIF-Ausrichtungswerte
Die Nichtübereinstimmung besteht, weil eine Kamera Sensorzeilen in einer praktischen physischen Reihenfolge aufzeichnen und gleichzeitig eine kompakte Anweisung darüber speichern kann, wie diese Zeilen dargestellt werden sollen. Betrachten Sie diese Erklärung als Kontext und nicht als Behauptung zu dieser Anwendung. Das Repository analysiert die acht EXIF-Ausrichtungswerte nicht und prüft nicht, welche Browserversionen sie anwenden, bevor das Bild die Leinwand erreicht.
Diese Einschränkung verändert den praktischen Arbeitsablauf. Lassen Sie das Original unberührt, öffnen Sie ein Duplikat und beurteilen Sie das entschlüsselte Erscheinungsbild, anstatt davon auszugehen, dass das Tag korrekt interpretiert wurde. Der Editor kann das gesamte Raster in 90-Grad-Schritten drehen, aber er kann keine Ausrichtungsmetadaten bearbeiten oder wiederherstellen. Ein Export ist also ein neues Pixelergebnis, dessen Verhalten in dem für Sie relevanten Viewer überprüft werden sollte.
Der Grund für die Speicherung der Kamera liegt außerhalb des Repository-Beweises; Überprüfen Sie das tatsächlich dekodierte Ergebnis
Ein Browser dekodiert möglicherweise ein Bild mit einer Ausrichtungsanweisung, die sich bereits in den gerenderten Pixeln widerspiegelt. Moderne APIs können Decodierungsoptionen verfügbar machen, einschließlich createImageBitmap-Optionen, aber dieser Codepfad ruft weder createImageBitmap auf noch legt er eine imageOrientation-Option fest. Es erstellt ein HTML-Bild aus einer Objekt-URL und zeichnet dieses Bild, sodass die eigentliche Telefondatei und der Browser Teil des Experiments bleiben.
Überprüfen Sie das Ergebnis in zwei Schritten: zuerst im Editor, dann nach dem Export. Beachten Sie sowohl die scheinbare Hochformatrichtung als auch die im Dokument angegebene Breite und Höhe. Wenn die erste Ansicht falsch ist, kann eine manuelle Vierteldrehung dafür sorgen, dass das Arbeitsraster richtig aussieht. Wenn die erste Ansicht richtig ist, vermeiden Sie die Behauptung, dass die ursprünglichen Metadaten universell verstanden wurden; Die Repository-Beweise unterstützen nur das beobachtete dekodierte Ergebnis.
Dieser Editor lädt ein HTML-Bild und legt keine explizite Option zur Ausrichtungsdekodierung fest
Sobald Pixel eine Leinwand durchlaufen und erneut codiert werden, ist der Quellcontainer nicht mehr das zu liefernde Objekt. Der Editor setzt dekodierte Pixel mit Ihrem Zuschnitt und allen anderen sichtbaren Bearbeitungen zusammen und ruft dann canvas.toBlob für die Ausgabe PNG, JPEG oder WebP auf. Dieser Prozess verspricht nicht, EXIF-Felder beizubehalten. Insbesondere kann diese Implementierung ein Ausrichtungs-Tag nicht bearbeiten oder wiederherstellen, damit ein späterer Betrachter es interpretieren kann.
Die sicherste Beschreibung des Downloads ist ein Bild, das die durch diese Bearbeitungssitzung erzeugten Pixel enthält. Öffnen Sie es erneut in einem anderen Viewer und überprüfen Sie die Richtung, bevor Sie es teilen. Wenn dieser Betrachter zustimmt, haben Sie einen konkreten Export bestätigt. Sie haben nicht das gesamte EXIF-Verhalten zertifiziert, aber Sie haben eine mehrdeutige Metadatenanweisung durch ein testbares Rasterergebnis für diese Datei ersetzt.
Der Canvas-Export kodiert die angezeigten Pixel neu, zertifiziert jedoch nicht, welche Metadatenfelder übrig bleiben
Stellen Sie sich ein Telefonfoto im Porträt vor, das für eine Nachricht gedacht ist. Öffnen Sie ein Duplikat, beobachten Sie, ob der Editor die Person aufrecht anzeigt, und notieren Sie sich vor dem Zuschneiden die entschlüsselten Abmessungen. Wenn die Szene seitlich liegt, drehen Sie das Raster in 90-Grad-Schritten, bis das Arbeitsbild sichtbar korrekt ist, und schneiden Sie es erst nach dieser Korrektur zu. Bei dem Vorgang handelt es sich um eine Pixelbearbeitung und nicht um eine Reparatur der Dateimetadaten.
Exportieren Sie den Ausschnitt und vergleichen Sie ihn mit der Editoransicht in einem zweiten Bildbetrachter. PNG, JPEG und WebP werden aus der Leinwand erstellt, sodass die Ausgabe ein neu codiertes Bild und nicht der ursprüngliche Telefoncontainer ist. Notieren Sie das verwendete Format und den verwendeten Viewer, wenn das Ergebnis für den Betrieb von Bedeutung ist. Diese kleine Prüfung liefert Ihnen Beweise für dieses Porträt und vermeidet gleichzeitig eine nicht unterstützte Versprechung über jedes Telefon oder jeden Browser.
Funktionierte Prüfung: Vergleichen Sie die dekodierten Abmessungen und das Erscheinungsbild vor dem Zuschneiden und Exportieren
Bei dieser Untersuchung gibt es klare Grenzen. Der Editor stellt keinen Metadateninspektor, keinen EXIF-Editor und kein Tool zum Wiederherstellen des ursprünglichen Orientierungswerts bereit. Es kann auch nicht dazu führen, dass sich ein Viewer, der Ausrichtungsmetadaten ignoriert, korrekt verhält. Diese Jobs gehören zu einer Software, die dazu dient, Bildcontainer beizubehalten oder neu zu schreiben, und nicht zu einem Canvas-Workflow, dessen Ausgabe ein abgeflachtes Raster ist.
Die gleiche Vorsicht gilt für andere EXIF-Felder wie Aufnahmezeit, Standort und Kameradetails. Beim Canvas-Export werden die Pixel über „canvas.toBlob“ dekodiert und nicht zertifiziert, welche Metadatenfelder übrig bleiben. Behalten Sie das Original bei, wenn diese Felder wichtig sind, verwenden Sie den Editor für die Arbeit mit dem sichtbaren Bild und überprüfen Sie die exportierte Datei, bevor Sie sie als metadatenerhaltenden Ersatz verwenden.
Takeaway: Einmal bearbeiten, überall aufrecht – wie die Bearbeitung im Browser Image & Drawing Editor eine Datei erzeugt, die in jedem Viewer gleich angezeigt wird
Die praktische Erkenntnis ist einfach, aber bewusst begrenzt: Bearbeiten Sie das sichtbare Raster und überprüfen Sie dann die exportierte Ausrichtung in einem anderen Viewer. Der Browser-Bild- und Zeichnungseditor ist nützlich, um ein lokales Telefonfoto zu öffnen, das gesamte Raster in 90-Grad-Schritten zu drehen, es zuzuschneiden und einen PNG-, JPEG- oder WebP-Download zu erstellen. Sein Loader und Exportpfad rechtfertigen keinen Anspruch auf universelles EXIF-Handling.
Eine zuverlässige Prüfung dauert weniger als eine Minute. Behalten Sie die Quelle, öffnen Sie eine Kopie, notieren Sie die ursprüngliche Richtung und die Abmessungen, nehmen Sie eine kleine Bearbeitung vor, exportieren Sie sie einmal und überprüfen Sie den Download an anderer Stelle. Wenn die Datei falsch ist, kehren Sie zur Kopie zurück und korrigieren Sie die Pixel manuell; Gehen Sie nicht davon aus, dass das Orientierungs-Tag hier wiederhergestellt werden kann. Das überprüfte Ergebnis ist die Datei, die Sie tatsächlich geöffnet und überprüft haben.