Technik
Drehen, Spiegeln und Transformationen technisch erklärt
Die Geometrie hinter Bildtransformationen: 90-Grad-Schritte, Spiegelung an Achsen, der Unterschied zum Drehen und wann zwei Wege dasselbe Bild ergeben.
Inhalt
Drehen und Spiegeln wirken im Alltag ähnlich, sind geometrisch aber zwei grundverschiedene Operationen. Eine Drehung verschiebt jeden Bildpunkt auf einer Kreisbahn um ein Zentrum, eine Spiegelung wirft ihn an einer Achse auf die andere Seite. Dieser Beitrag betrachtet beide rein technisch: wie die Pixel-Matrix sich verhält, warum bestimmte Winkel keine Neuberechnung brauchen, wann zwei verschiedene Operationen dasselbe Ergebnis liefern und wie sich beliebige Kombinationen auf eine Handvoll Grundfälle zusammenfassen lassen.
Die Pixel-Matrix als Ausgangspunkt
Ein Rasterbild ist ein zweidimensionales Gitter aus Pixeln, adressiert über Zeilen und Spalten. Jede Transformation ist eine Vorschrift, die eine Quellposition auf eine Zielposition abbildet. Bei einer Drehung um ein Vielfaches von 90 Grad und bei jeder Achsenspiegelung landen die Quellpixel exakt auf ganzzahligen Zielpositionen. Es entsteht kein Zwischenwert, der berechnet werden müsste. Genau deshalb sind diese Operationen pixelgenau und rechnerisch verlustfrei.
Anders bei krummen Winkeln. Drehst du um 30 oder 45 Grad, fallen die Quellpixel zwischen die Zielpunkte des Rasters. Das System muss die fehlenden Werte interpolieren, also aus Nachbarpixeln schätzen. Dabei entstehen weiche Kanten und ein leichter Schärfeverlust. Für das saubere Ausrichten genügen in der Praxis fast immer die Vierteldrehungen.
90 Grad
Vierteldrehung, ohne Neuberechnung
Quelle: MDN rotate
4
verschiedene Drehzustände (0, 90, 180, 270 Grad)
2
Spiegelachsen horizontal und vertikal
Quelle: MDN scale
8
erreichbare Lagen insgesamt (Diedergruppe D4)
Drehung: Rotation um einen Punkt
Eine Drehung dreht das gesamte Bild um sein Zentrum. Bei 90 Grad gegen den Uhrzeigersinn wird aus der ersten Spalte die unterste Zeile, die Breite und Höhe tauschen die Rolle. Bei 180 Grad steht das Bild auf dem Kopf, Breite und Höhe bleiben gleich. Bei 270 Grad gegen den Uhrzeigersinn ist es die Gegenrichtung der 90-Grad-Drehung, also 90 Grad im Uhrzeigersinn. Entscheidend ist, dass die Leserichtung von Text erhalten bleibt: Buchstaben kippen mit, bleiben aber lesbar, sobald man den Kopf mitneigt.
In Matrixform beschreibt eine Drehung um den Winkel theta die bekannte Rotationsmatrix aus Kosinus- und Sinus-Werten. Ihre Determinante ist immer plus eins. Diese positive Determinante ist das mathematische Kennzeichen einer reinen Drehung: Fläche und Orientierungssinn bleiben erhalten.
| Drehung | Breite mal Höhe | Erste Quellspalte wird zur | Determinante |
|---|---|---|---|
| 0 Grad | bleibt | ersten Spalte | plus 1 |
| 90 Grad gegen Uhrzeiger | getauscht | untersten Zeile | plus 1 |
| 180 Grad | bleibt | letzten Spalte umgekehrt | plus 1 |
| 270 Grad gegen Uhrzeiger | getauscht | obersten Zeile | plus 1 |
Spiegelung: Reflexion an einer Achse
Eine Spiegelung wirft jeden Pixel an einer Achse auf die andere Seite. Die horizontale Spiegelung vertauscht links und rechts, die vertikale Spiegelung vertauscht oben und unten. In Matrixform entspricht das einer Skalierung mit einem negativen Faktor: minus eins in x-Richtung spiegelt horizontal, minus eins in y-Richtung spiegelt vertikal. Die Determinante einer solchen Matrix ist minus eins.
Diese negative Determinante ist der harte Unterschied zur Drehung. Sie bedeutet, dass sich der Orientierungssinn umkehrt. Was vorher im Uhrzeigersinn angeordnet war, läuft danach gegen den Uhrzeigersinn. Praktisch sichtbar wird das an Text, der nach einer Spiegelung seitenverkehrt erscheint, und an Händen, die von links nach rechts wechseln.
Drehen oder Spiegeln: warum das nicht dasselbe ist
Es ist verlockend, ein um 180 Grad gedrehtes Bild für ein doppelt gespiegeltes zu halten. Bei symmetrischen Motiven sehen manche Ergebnisse tatsächlich gleich aus, doch das täuscht. Eine einzelne Spiegelung lässt sich durch keine noch so geschickte Drehung ersetzen, weil die Drehung die Händigkeit nie umkehrt. Wer ein gespiegeltes Logo zurückdreht, bekommt es nie wieder lesbar, solange er nicht erneut an derselben Achse spiegelt.
Drehung und Spiegelung gehören zu zwei verschiedenen Klassen von Bewegungen. Keine Anzahl von Drehungen erzeugt jemals eine Spiegelung.
Wann zwei Wege dasselbe Bild ergeben
Es gibt klar definierte Fälle, in denen verschiedene Operationsfolgen identisch enden. Die wichtigsten:
- Horizontale Spiegelung plus vertikale Spiegelung ist gleich Drehung um 180 Grad. Zwei Reflexionen an senkrecht zueinander stehenden Achsen ergeben eine Punktspiegelung, und die ist mit der Halbdrehung deckungsgleich.
- Drehung um 360 Grad ist gleich Drehung um 0 Grad, also der Ausgangszustand.
- Vier aufeinanderfolgende 90-Grad-Drehungen führen ebenfalls zurück zum Original.
- Zwei identische Spiegelungen an derselben Achse heben sich auf und ergeben das Original.
Diese Beziehungen bilden die sogenannte Diedergruppe D4, die genau acht unterscheidbare Lagen eines Rasterbildes kennt: vier Drehzustände und ihre vier gespiegelten Gegenstücke. Jede noch so lange Kette aus Drehungen und Spiegelungen landet zwangsläufig in einer dieser acht Lagen.
Kombinationen sauber zusammenfassen
Weil nur acht Lagen erreichbar sind, lässt sich jede Operationsfolge radikal kürzen. Statt sechs einzelner Drehungen genügt der Rest nach Division durch vier. Statt drei horizontaler Spiegelungen bleibt eine übrig, weil zwei sich aufheben. Ein praktischer Weg ist, jede Lage als Paar zu notieren: eine Zahl für den Drehzustand von 0 bis 3 und ein Schalter für gespiegelt ja oder nein.
Was diese Geometrie für das saubere Ausrichten bedeutet
Wer die acht Lagen kennt, dreht und spiegelt nie überflüssig. Für das Aufrichten eines gekippten Fotos genügt eine der vier Vierteldrehungen, für das Korrigieren eines Selfies eine der beiden Achsenspiegelungen. Vielfache von 90 Grad und reine Achsenspiegelungen bleiben dabei pixelgenau, weil sie nur das Raster umsortieren. Ein clientseitiges Werkzeug wie bilddrehen.de führt diese Grundoperationen direkt im Browser auf der Pixel-Matrix aus, ohne Interpolation und ohne dass das Bild den Rechner verlässt. Verlustfrei im strengen Sinn ist das Ergebnis als PNG, bei JPG oder WebP wird das Bild beim Speichern neu komprimiert.
Häufige Fragen
Was ist der Unterschied zwischen Drehen und Spiegeln?
Drehen ist eine Rotation um einen Punkt, dabei bleibt die Händigkeit des Bildes erhalten. Spiegeln ist eine Reflexion an einer Achse, dabei kehrt sich die Händigkeit um. Text bleibt beim Drehen lesbar, beim Spiegeln wird er seitenverkehrt.
Verliert ein Bild beim Drehen um 90 Grad an Qualität?
Die Drehung selbst nicht. Bei genau 90, 180 oder 270 Grad ordnen sich die vorhandenen Pixel nur in einem neuen Raster an, es wird kein Pixel neu berechnet. Verlustfrei ist das Ergebnis, wenn du es als PNG speicherst. Bei JPG oder WebP wird beim Speichern neu komprimiert. Erst krumme Winkel wie 45 Grad erfordern Interpolation und kosten Schärfe.
Warum sieht eine 180-Grad-Drehung anders aus als eine doppelte Spiegelung?
Sie sieht nicht anders aus, beide ergeben dasselbe Bild. Eine horizontale plus eine vertikale Spiegelung ist mathematisch identisch mit einer Drehung um 180 Grad. Das liegt daran, dass zwei Reflexionen an senkrecht zueinander stehenden Achsen eine Punktspiegelung ergeben.
Kann ich durch Drehen ein gespiegeltes Bild wiederherstellen?
Nein. Eine einzelne Spiegelung kehrt die Händigkeit um, und keine reine Drehung kann das rückgängig machen. Du brauchst dieselbe Spiegelachse erneut. Drehung und Spiegelung sind zwei getrennte Symmetrieoperationen, die sich nicht gegenseitig ersetzen.
Wieso wirkt mein Selfie nach dem Speichern seitenverkehrt?
Die Frontkamera zeigt dir ein gespiegeltes Vorschaubild, damit es sich wie ein Spiegel anfühlt. Gespeichert wird je nach Gerät das ungespiegelte oder das gespiegelte Bild. Eine horizontale Spiegelung gleicht den Unterschied aus und stellt die Leserichtung wieder her.
Quellen
Über die Autorenschaft
Eike-Christian Ramcke
Geschäftsführer AKARA Solutions GmbH
Themengebiet: Redaktionelle Aufsicht, Bildtransformationen, EXIF-Metadaten, Urheber- und Datenschutzrecht
Mehr über Eike-Christian Ramcke →Verwandte Artikel
Grundlagen
Bild drehen: Grundlagen zu Winkel, Format und Spiegeln
Drehen oder spiegeln? Wann 90, 180 oder 270 Grad sinnvoll sind, wie Hoch- und Querformat zusammenhängen und welcher Schritt zu welchem Ergebnis führt.
Lesezeit 8 Min.
Praxis
EXIF-Orientierung: Warum Fotos mal falsch herum erscheinen
Das Exif-Orientation-Tag bestimmt die Bildlage. Warum dasselbe Foto je nach Programm richtig oder falsch erscheint und wie du die Drehung dauerhaft einbrennst.
Lesezeit 9 Min.
Technik
JPG verlustfrei drehen: Wann es geht und wann nicht
Verlustfreie JPG-Rotation arbeitet auf den DCT-Blöcken. Wann jpegtran ohne Neukodierung dreht und was bei krummen Maßen am Rand passiert.
Lesezeit 9 Min.
Bild jetzt drehen
Bild hochladen, drehen oder spiegeln, sofort herunterladen, ohne Anmeldung.
Zum Tool