Kostenloses Bild-Spiegelungstool

Wie das Spiegeln funktioniert

Ein Spiegeln ist eine pixelgenaue Spiegelung, die Geometrie des Bildes wird ohne Neuabtastung, Interpolation oder Verlust an einer Achse gespiegelt. Der Browser zeichnet das geladene Bild auf ein Off-Screen-Canvas, wendet ctx.scale(-1, 1) für horizontales Spiegeln oder ctx.scale(1, -1) für vertikales an und zeichnet dann neu. Weil die Transformation vor dem Zeichnen nur das Koordinatensystem invertiert, bildet sich jedes Ausgabepixel auf genau ein Eingabepixel ab, kein Qualitätsverlust in der Bitmap selbst.

Die einzige Stelle, an der Qualität verloren gehen kann, ist der letzte Kodierungsschritt. PNG und WebP unterstützen verlustfreie Kodierung und geben ein gespiegeltes Bild ohne Verschlechterung zurück. JPEG ist ein verlustbehaftetes Format; das erneute Kodieren des Canvas zu JPEG führt immer etwas Quantisierungsrauschen ein, selbst bei maximaler Qualität. Wenn Sie mit einem JPEG begonnen haben und ein JPEG zurückbrauchen, ist das Spiegeln plus die erneute Komprimierung unvermeidlich. Verlustfreie JPEG-zu-JPEG-Transformationen sind möglich (das Kommandozeilenwerkzeug jpegtran -flip horizontal arbeitet auf den Koeffizienten der diskreten Kosinustransformation, ohne zu dekomprimieren), aber kein Browser stellt diese Operation direkt bereit.

Wann Sie ein Bild spiegeln müssen

• Selfie-Korrektur. Die meisten Handys zeigen die Vorschau der Frontkamera als Spiegelbild an (sodass Sie sehen, was Sie vom Badezimmerspiegel gewohnt sind), speichern das aufgenommene Foto aber ungespiegelt, was bedeutet, dass das Foto für Sie „falsch“ aussieht, wenn Sie es ansehen. iOS weist darauf in Einstellungen → Kamera → Frontkamera spiegeln hin. Horizontales Spiegeln stellt die Spiegelversion wieder her, die Ihren Augen vertraut ist.
• Symmetrische Design-Layouts. Eine ausgewogene Komposition aus einem einzelnen Asset aufbauen, ein Logo mit einem nach links zeigenden Pfeil, der auch nach rechts zeigen muss, ein Stuhlfoto, das über eine Trennlinie gespiegelt werden soll, ein Icon-Set, das Sie nur in einer Richtung haben.
• Kompositionsfehler in der Kunst erkennen. Maler und Fotografen spiegeln ihre Werke bei der Durchsicht traditionell, weil „Augenermüdung“ Ungleichgewichte bei vertrauten Bildern verbirgt. Eine horizontal gespiegelte Version Ihres eigenen Fotos oder Gemäldes offenbart Kompositionsfehler in Sekunden, derselbe Trick, den Leonardo da Vinci verwendete, der seine Notizbücher bekanntlich in Spiegelschrift schrieb und den Wert kannte, sein Werk frisch zu sehen.
• Druckvorbereitung. Manche Druckverfahren (Transferpapier, Siebdruck, T-Shirt-Aufbügler, bestimmte Stempelgravur) erfordern, dass das Motiv vorgespiegelt wird, damit es nach dem Transfer korrekt erscheint. Wird nicht zuerst gespiegelt, ergeben sich rückwärtslaufender Text und seitenverkehrte Logos.
• Referenzbilder für Designer. Untersuchen, wie ein Layout in RTL-Schreibrichtung wirkt oder wie ein Flaggendesign in einer gespiegelten Platzierung funktioniert.
• Barrierefreiheitstests für Werkzeuge bei Legasthenie / visueller Verarbeitung. Manche assistiven Technologien stellen gespiegelte Versionen dar; zu testen, wie eine Oberfläche gespiegelt aussieht, kann Lesbarkeitsprobleme aufdecken.

Warum Selfies seltsam aussehen

Es gibt einen kleinen psychologischen Grund, den man kennen sollte: Menschen bevorzugen das Spiegelbild ihres Gesichts gegenüber der ungespiegelten Version, die alle anderen sehen. Die ursprüngliche Studie von 1977 (Mita, Dermer & Knight, "Reversed facial images and the mere-exposure hypothesis") zeigte den Probanden beide Versionen ihrer eigenen Porträts und stellte fest, dass sie die gespiegelte Version durchgängig als attraktiver bewerteten. Die einfache Erklärung: Das ist die Version, die Sie täglich in Spiegeln und Schaufenstern sehen; sie ist vertraut, und Vertrautheit (der „Mere-Exposure-Effekt“) treibt die Präferenz an.

Die praktische Folge: Wenn Sie ein Selfie ansehen, das die Kamera ungespiegelt gespeichert hat, erscheinen die Asymmetrien Ihres Gesichts gegenüber dem, wie Sie sich gewöhnlich sehen, „vertauscht“. Das horizontale Spiegeln des Fotos versetzt Sie zurück in die Version, die Ihr Gehirn erkennt. Fotos, die aufgenommen werden, um sie an andere zu senden, müssen nicht gespiegelt werden, diese sehen Sie zum ersten Mal und haben keine „Spiegelversion“ zum Vergleich.

EXIF-Orientierung: ein verborgener Fallstrick

JPEG-Bilder von Kameras und Handys tragen einen EXIF-Metadaten-Tag namens Orientation (Werte 1 bis 8), der dem Betrachter mitteilt, wie die Datei anzuzeigen ist. Manche „gespiegelten“ Ergebnisse lassen sich als Änderungen am Orientierungs-Tag kodieren, ohne überhaupt Pixel zu verändern, was viel schneller und verlustfrei ist. Die meisten Online-Werkzeuge, einschließlich dieses, behandeln JPEG, indem sie die Pixel über Canvas lesen und neu kodieren, was für das sichtbare Ergebnis korrekt funktioniert, dabei aber das ursprüngliche EXIF-Orientierungs-Flag verwirft.

Praktische Folge: Wenn Ihr Eingabe-JPEG einen EXIF-Orientierungs-Tag hatte (z. B. ein Hochformatfoto von einem Handy mit orientation=6, was „zum Anzeigen um 90° im Uhrzeigersinn drehen“ bedeutet), ist das Ausgabe-JPEG eine flache, bereits gedrehte Bitmap mit orientation=1. Visuell identisch zur Eingabe, aber ohne EXIF-Orientierungshinweis. Die meiste Software behandelt beide Fälle korrekt; manche älteren Foto-Viewer stellen Eingabe und Ausgabe möglicherweise in unterschiedlichen Drehungen dar.

PNG- vs. JPG-Ausgabe: was wählen

• Als PNG ausgeben, wenn die Quelle ein PNG, ein Screenshot oder etwas mit scharfen Kanten oder Text war. PNG ist verlustfrei, die gespiegelte Ausgabe ist bitweise identisch mit einer von Hand gespiegelten Version der Quelle. Bewahrt die Transparenz.
• Als JPG ausgeben nur, wenn die Quelle ein JPEG-Foto war und Sie eine ähnliche Dateigröße möchten. Die erneute JPG-Kodierung fügt selbst bei maximaler Qualität einige Kompressionsartefakte hinzu. JPG hat keine Transparenzunterstützung, Alphakanäle werden gegen eine Hintergrundfarbe (meist weiß) eingeebnet.
• Als WebP ausgeben (wo das Werkzeug es anbietet) für den besten Kompromiss aus Größe und Qualität in modernen Web-Kontexten. Verlustfreies WebP ist kleiner als PNG; verlustbehaftetes WebP ist bei gleichwertiger visueller Qualität kleiner als JPG.

Datenschutz

Fotos enthalten viel mehr als das Bild: EXIF-Metadaten können die GPS-Koordinaten enthalten, an denen die Aufnahme gemacht wurde, die Seriennummer der Kamera, den ursprünglichen Aufnahmezeitstempel und Software-Fingerabdrücke. Screenshots können vertrauliche UI, Textentwürfe, internes App-Branding enthalten. Private Fotos enthalten Gesichter von Personen, die dem Teilen mit Dritten nicht zugestimmt haben. Serverseitige Spiegelwerkzeuge empfangen all das. Dieses Werkzeug läuft vollständig in Ihrem Browser über die Canvas-API, das Bild geht von Ihrem Dateisystem auf ein Canvas im Arbeitsspeicher und zurück in Ihren Downloads-Ordner. Es wird nichts hochgeladen.

Häufige Fehler

1. Vergessen, dass Text nach einem horizontalen Spiegeln unlesbar wird. Logos mit Wörtern, Schilder, Bildunterschriften, alles, was in der Quelle lesbar ist, wird in der Ausgabe zu Spiegelschrift. Nützlich, wenn beabsichtigt; störend, wenn nicht.
2. Verlust durch erneute JPEG-Komprimierung. Ein JPEG zu spiegeln und als JPEG zu speichern kodiert immer neu. Bei mehreren aufeinanderfolgenden Spiegelungen summieren zwischenzeitliche Als-JPEG-Speichern-Schritte den Verlust. Speichern Sie zwischen den Schritten als PNG, wenn Sie mehrmals spiegeln werden.
3. Transparenz durch Export als JPG verlieren. JPEG hat keinen Alphakanal. Ein PNG mit transparentem Hintergrund wird auf einen weißen (oder welchen Ersatz auch immer) JPG-Hintergrund eingeebnet.
4. Den EXIF-Orientierungs-Tag vergessen. Wenn Ihre nachgelagerten Werkzeuge von der EXIF-Orientierung abhängen, verwirft dieser Durchlauf sie. Das sichtbare Bild ist korrekt; die Metadaten werden zurückgesetzt.
5. Versuchen, ein animiertes GIF zu spiegeln, und nur das erste Einzelbild erhalten. Die meisten Browser-Canvas-APIs sehen nur das erste Einzelbild eines animierten GIF. Das Spiegeln mehrerer Einzelbilder erfordert eine eigene GIF-Bibliothek, die jedes Einzelbild zerlegt und wieder zusammensetzt.
6. Zurücksetzen drücken und Arbeit verlieren. Zurücksetzen ersetzt das Canvas durch das Original. Wenn Sie Spiegelungen gestapelt haben und nur eine rückgängig machen möchten, gibt es kein eingebautes Rückgängig; setzen Sie zurück und wenden Sie erneut an.
7. Canvas-Größenbeschränkungen in Mobile Safari. iOS Safari begrenzt sehr große Canvases (in der Praxis um 4096×4096). Bilder mit sehr hoher Auflösung werden vom Browser möglicherweise vor dem Spiegeln herunterskaliert. Für pixelgenaue Arbeit an riesigen Bildern erledigen Sie es am Desktop.

Weitere häufig gestellte Fragen

Verliert das gespiegelte Bild an Qualität?

Die Spiegeloperation selbst ist verlustfrei, jedes Ausgabepixel bildet sich über eine Koordinateninversion auf genau ein Eingabepixel ab. Qualität kann nur in der finalen Kodierung verloren gehen: PNG- und WebP-Ausgaben sind verlustfrei und pixelidentisch mit der gespiegelten Quelle. Die JPG-Ausgabe kodiert die Bitmap neu und fügt etwas Quantisierungsrauschen hinzu. Wenn Sie mit einem JPG begonnen haben und keine kleinere Datei brauchen, speichern Sie als PNG, um den zweiten Komprimierungsdurchlauf zu vermeiden.

Funktioniert das bei animierten GIFs?

Die Canvas-API des Browsers gibt Ihnen typischerweise nur das erste Einzelbild eines animierten GIF. Ein hier gespiegeltes GIF ist also ein einzelnes statisches Bild des ersten Einzelbilds, kein animiertes Spiegeln. Für ein Einzelbild-für-Einzelbild-Spiegeln eines animierten GIF verwenden Sie ein eigenes GIF-Werkzeug, das die Animation zerlegt, jedes Einzelbild spiegelt und wieder zusammensetzt.

Warum verschwinden die EXIF-Daten meines Fotos nach dem Spiegeln?

Weil das Spiegeln über Canvas geschieht, das nur Pixel sieht, nicht EXIF-Metadaten. Das Ausgabebild wird neu kodiert, mit einer Standard-EXIF-Orientierung von 1 (keine Drehung nötig) und ohne GPS, Kameramodell oder Zeitstempel der Quelle. Aus Datenschutzsicht ist das meist eine gute Sache; aus Archivierungssicht bedeutet es, dass Ihre nachgelagerten Werkzeuge kein EXIF sehen.

Wird etwas hochgeladen?

Nein. Das Bild wird über FileReader + Image in ein Canvas in Ihrem Browser geladen, das Spiegeln wird über ctx.scale + drawImage durchgeführt, und der Download wird lokal über canvas.toBlob erzeugt. Keine Netzwerkanfragen tragen die Bild-Bytes. Das ist wichtig, wenn das Bild EXIF-GPS, Gesichter, Screenshots vertraulicher UIs oder etwas anderes enthält, das Sie lieber nicht an Dritte weitergeben möchten.

Warum ist die maximale Bildgröße 50 MB?

Canvas-Operationen skalieren mit der Pixelfläche, nicht der Dateigröße, aber sehr große Dateien bedeuten indirekt sehr große Canvases, und Browser begrenzen die Canvas-Abmessungen auf Geräten mit begrenztem Speicher (insbesondere iOS Safari, das die Canvas-Fläche in der Praxis auf rund 4096×4096 begrenzt). Die 50-MB-Grenze ist ein Sicherheitsnetz, um einen Absturz des Tabs zu verhindern. Für größere Bilder skalieren Sie zuerst mit dem Bildgrößen-Werkzeug herunter und spiegeln dann.

Was ist der Unterschied zwischen Spiegeln und Drehen?

Spiegeln spiegelt das Bild an einer Achse (links-rechts oder oben-unten) und erzeugt ein Spiegelbild. Drehen dreht das Bild um seinen Mittelpunkt (90°, 180°, 270°). Ein horizontales Spiegeln + ein vertikales Spiegeln ist dasselbe wie eine 180°-Drehung, aber ein einzelnes horizontales Spiegeln ist nicht dasselbe wie eine 90°-Drehung. Verwenden Sie ein Dreh-Werkzeug (oder die Kombination aus vertikal + horizontal dieses Werkzeugs für 180°), wenn Sie das Bild tatsächlich drehen müssen, nicht spiegeln.