So verwenden Sie es
- Klicken Sie auf Dateien auswählen oder legen Sie ein Bild auf das Feld. Sie können ein Bild auch mit Strg+V einfügen.
- Ist das Bild seitlich gedreht, klicken Sie auf Nach links drehen, Nach rechts drehen oder auf eine Spiegel-Schaltfläche.
- Wählen Sie ein Seitenverhältnis oder lassen Sie es auf Frei. Ziehen Sie den Rahmen, um ihn zu platzieren, und an seinen Ecken oder Kanten, um seine Größe zu ändern.
- Für genaue Werte tragen Sie Links, Oben, Breite und Höhe in Pixeln ein.
- Klicken Sie auf Bild zuschneiden und laden Sie das Ergebnis herunter.
Rahmen verschieben und in der Größe ändern
Ziehen Sie im Rahmen, um ihn zu verschieben, und an einer Ecke oder Kante, um seine Größe zu ändern. Bei gewähltem Verhältnis behält eine Ecke das Verhältnis beim Ziehen bei, und eine Kante setzt die andere Seite aus dem Verhältnis. Der Rahmen verlässt das Bild nie. Mit der Tastatur wechseln Sie mit Tab zum Rahmen, verschieben ihn mit den Pfeiltasten und ändern mit Umschalt und einer Pfeiltaste seine Größe.
Zuerst drehen und spiegeln
Ein Foto, das mit dem Handy seitlich aufgenommen wurde, wird gedreht, sobald der Browser seine Ausrichtung liest, und erscheint meist richtig herum. Ist das nicht der Fall, drehen oder spiegeln Sie es hier. Der Zuschnitt wird aus dem gedrehten Bild geschnitten, und der Rahmen springt auf das ganze Bild zurück, wenn Sie drehen oder spiegeln.
Kreisförmige Zuschnitte
Ein kreisförmiger Zuschnitt nimmt einen quadratischen Bereich und beschneidet ihn auf einen Kreis. Die Ecken außerhalb des Kreises sind transparent, was ein JPEG nicht speichern kann, deshalb ist das Ergebnis immer ein PNG. Verwenden Sie ihn für Profilbilder und runde Logos.
Beispiel: ein 16:9-Titelbild aus einem Foto mit 4.000 × 3.000 Pixeln
Wählen Sie das Verhältnis 16:9 für ein Foto mit 4.000 × 3.000 Pixeln. Der größte Rahmen mit dieser Form ist 4.000 Pixel breit und 2.250 Pixel hoch und sitzt 375 Pixel unterhalb der Oberkante, sodass der obere und der untere Streifen gleichmäßig wegfallen.
Das Ergebnis ist ein Bild mit 4.000 × 2.250 Pixeln, die passende Form für ein Webseiten-Titelbild, und der Dateiname endet auf -zugeschnitten.
Häufig gestellte Fragen
Wird mein Foto beim Zuschneiden hochgeladen?
Nein. Der Zuschnitt wird in Ihrem Browser auf Ihrem eigenen Gerät aus dem Bild geschnitten. Sie können das prüfen, indem Sie die Internetverbindung trennen, nachdem die Seite geladen ist, und dann ein Bild zuschneiden.
Verschlechtert das Zuschneiden die Qualität des Bildes?
Ein abgeschnittener Teil verändert die verbleibenden Bildpunkte nicht. Ein JPEG wird neu geschrieben, mit hoher Qualität, deshalb unterscheidet sich der Zuschnitt eines JPEG ein wenig vom Original, bei dieser Qualität aber nur geringfügig.
Wie mache ich ein rundes Profilbild?
Aktivieren Sie das Kästchen Kreisförmig zuschneiden. Der Rahmen wird zu einem Quadrat, und das Bild wird auf einen Kreis mit transparenten Ecken beschnitten. Das Ergebnis ist ein PNG und lässt sich auf jeden Hintergrund setzen.
Warum springt der Rahmen beim Drehen auf das ganze Bild zurück?
Drehen oder Spiegeln ändert die Form des Bildes, deshalb wird der Rahmen neu auf das ganze Bild oder auf das gewählte Verhältnis gesetzt. Ziehen oder tragen Sie den Rahmen nach dem Drehen erneut ein.
Kann ich ein Bild auf eine genaue Anzahl Pixel zuschneiden?
Ja. Tragen Sie Links, Oben, Breite und Höhe in Pixeln ein. Der Rahmen bleibt innerhalb des Bildes, deshalb wird ein Wert, der über den Rand hinausgeht, auf den Rand zurückgesetzt.
Quellen
- MDN (englisch): CanvasRenderingContext2D.setTransform(), wie ein Bild platziert und gedreht wird
- MDN (englisch): CanvasRenderingContext2D.clip(), der kreisförmige Zuschnitt
- MDN (englisch): Pointer-Ereignisse, das Verschieben des Rahmens mit Maus, Stift oder Touch
Zahlen und Text zuletzt geprüft: Dienstag, 10. November 2026.