Bild zuschneiden
Bild zuschneiden schneidet ein Foto auf den gewünschten Ausschnitt zurück – ziehen Sie einen Rahmen darüber oder tippen Sie eine exakte Breite und Höhe ein. Der Rahmen wird an der realen Größe des Fotos gemessen, nicht an der Vorschau auf dem Bildschirm: 600 × 240 bedeutet also 600 × 240, egal wie groß Ihr Fenster ist, und die behaltenen Pixel bleiben unangetastet.
Bild hierher ziehen
oder irgendwo auf der Seite ablegen · Datei auswählen · 100 MB
Unterstützt: JPG, JPEG, PNG, WebP, AVIF, HEIC, HEIF
Wie funktioniert Bild zuschneiden?
Zuschneiden ist die eine Bildoperation, die nichts an Qualität kostet. Jede andere Bearbeitung sampelt Pixel neu oder quantisiert sie neu; ein Zuschnitt behält einfach ein Rechteck davon und wirft den Rest weg. Die überlebenden Pixel sind die Pixel, mit denen Sie gestartet sind, im Maßstab 1:1 in eine kleinere Leinwand gezeichnet.
Warum das Rechteck in Quellpixeln gemessen wird
Die Vorschau auf dieser Seite ist so breit, wie es das Layout vorgibt – auf dem Handy schmaler, auf dem Desktop breiter, nach einer Größenänderung des Fensters wieder anders. Würde das Zuschnittrechteck in diesen Bildschirmpixeln gespeichert, brächte derselbe Zug je nach Browser-Fenster ein anderes Ergebnis, und die Rundung fiele jedes Mal auf eine andere Grenze.
Deshalb bleibt das Rechteck in den eigenen Koordinaten des Bildes, und die Vorschau wird daraus projiziert. Ziehen Sie dieselbe Ecke auf dem Handy und auf dem Monitor, erhalten Sie denselben Zuschnitt, und die Zahlenfelder zeigen die echten Pixelwerte statt einer skalierten Annäherung.
Seitenverhältnisse und warum es sich lohnt, sie zu fixieren
Die meisten Orte, an denen ein Bild landet, erwarten eine bestimmte Form – und schneiden selbst zu, wenn Sie es nicht tun: ein Quadrat für den Avatar, 1.91:1 für die Link-Vorschau, 16:9 für Video. Den Zuschnitt selbst zu wählen ist der Unterschied zwischen einem Porträt, dessen Motiv im Bild steht, und einem, das der zentrierte Zuschnitt einer Plattform geköpft hat. Bei fixiertem Verhältnis behält das Ziehen einer beliebigen Ecke die Form, nur die Größe ändert sich.
Die Hilfslinien der Drittel-Regel
Die Linien über dem Zuschnitt-Rahmen teilen ihn in neun Teile. Ein Motiv auf einen der Schnittpunkte zu setzen statt genau in die Mitte ist der älteste kompositorische Ratschlag überhaupt – er funktioniert, weil ein zentriertes Motiv das Bild flach macht und ein außer der Mitte platziertes dem Auge Raum lässt, um zu wandern. Die Hilfslinien kosten nichts zu zeichnen, und sie sind da, weil ein Zuschnitt eine kompositorische Entscheidung ist, nicht nur eine der Größe.
Wo Qualität doch eine Rolle spielt
Der Zuschnitt selbst ist verlustfrei, das Ausschreiben des Ergebnisses nicht – ist die Ausgabe JPEG oder WebP, werden die behaltenen Pixel neu kodiert, und das ist eine Generation verlustbehafteter Kompression obendrauf, was auch immer die Quelle schon hatte. Aus diesem Grund steht die Qualitätsregelung hier hoch eingestellt. Ein PNG nach PNG zuzuschneiden ist von Anfang bis Ende verlustfrei.
Was mit einem transparenten Bild passiert
Transparenz überlebt einen Zuschnitt nach PNG oder WebP. Nach JPEG nicht – es gibt keinen Alphakanal –, deshalb werden transparente Bereiche vor dem Kodieren auf Weiß gerechnet, was verhindert, dass sie schwarz herauskommen.
Alles bleibt auf Ihrem Gerät
Die Datei wird in diesem Tab verarbeitet. Benötigte Bibliotheken oder Modelle können heruntergeladen werden; die Datei selbst wird bei diesem Vorgang nicht hochgeladen.
Eingabe
portrait.jpg 3024 x 4032 ratio locked 1:1
Ausgabe
portrait-3024x3024.jpg 3024 x 3024 pixels kept, not resampled
Welche Optionen und Sonderfälle unterstützt Bild zuschneiden?
| Parameter | Typ | Standard | Verhalten & Sonderfälle |
|---|---|---|---|
| Frei | Seitenverhältnis | Standard | Ein beliebiges Rechteck. |
| 1:1 | Seitenverhältnis | — | Avatare, Produktfotos, die meisten Social-Media-Beiträge. |
| 4:3 | Seitenverhältnis | — | Das klassische Kamera- und Bildschirmverhältnis. |
| 3:2 | Seitenverhältnis | — | 35mm-Film und die meisten DSLR-Sensoren. |
| 16:9 | Seitenverhältnis | — | Video und breite Banner. |
| 1.91:1 | Seitenverhältnis | — | Open-Graph-Link-Vorschauen. |
| X / Y / W / H | Pixel | — | Der Zuschneidebereich in den eigenen Koordinaten des Bildes. Eingegebene und per Maus gezogene Werte sind dieselben Zahlen. |
| Qualität | 0.1 – 1.0 | 0.9 | Wird angewendet, wenn das Ausgabeformat JPG oder WebP ist. Hoch per Voreinstellung, da der Zuschneidevorgang selbst nichts an Qualität verliert und die Kodierung es auch nicht sollte. |
| Wie Quelle | Format | Standard | PNG rein, PNG raus – wodurch der gesamte Vorgang verlustfrei bleibt. |
Häufig gestellte Fragen
Verringert Zuschneiden die Bildqualität?
Der Zuschnitt selbst nicht – er behält ein Rechteck der Originalpixel unangetastet und verwirft den Rest, ganz ohne Neusampling. Qualität kosten kann das Ausschreiben des Ergebnisses: Ist das Ausgabeformat JPEG oder WebP, werden die behaltenen Pixel neu kodiert, eine Generation verlustbehafteter Kompression mehr. Schneiden Sie ein PNG zu einem PNG zu, ist die gesamte Operation verlustfrei. Der Qualitätsschieberegler steht hier standardmäßig auf 0.9, gerade damit das Kodieren nicht zunichtemacht, was der Zuschnitt bewahrt hat.
Wie schneide ich auf eine exakte Pixelgröße zu?
Tippen Sie in die Felder X, Y, Width und Height – sie sind das Zuschnittrechteck in den eigenen Koordinaten des Bildes und dieselben Zahlen, die die Ziehpunkte erzeugen. Width und Height zu setzen ergibt eine exakte Ausgabegröße; X und Y positionieren das Rechteck. Brauchen Sie eine bestimmte Form statt einer bestimmten Größe, fixieren Sie ein Seitenverhältnis und ziehen Sie stattdessen.
Welches Seitenverhältnis soll ich verwenden?
1:1 für Avatare und die meisten Social-Posts; 1.91:1 für Open-Graph-Linkvorschauen, was erscheint, wenn jemand eine URL teilt; 16:9 für Video-Thumbnails und breite Banner; 4:3 oder 3:2 für Fotos, was Kameras nativ erzeugen. Den Zuschnitt selbst zu wählen zählt, weil das Ziel sonst für Sie zuschneidet – meistens aus der Mitte und meistens schlecht.
Kann ich mehrere Bilder gleichzeitig zuschneiden?
Hier nicht, und das ist Absicht. Ein Zuschnittrechteck bezieht sich auf das, was im Bild ist – dieselben Koordinaten auf zwanzig Fotos angewandt würden das Motiv aus den meisten herausschneiden. Stapelverarbeitungen, die wirklich gleichförmig anwendbar sind, wie Größe ändern oder Umwandeln, nehmen mehrere Dateien; Zuschneiden ist eine Entscheidung pro Bild, deshalb nimmt dieses Tool ein Bild und gibt Ihnen die Bedienelemente, um diese Entscheidung richtig zu treffen.
Warum springt der Zuschnitt-Rahmen zurück, wenn ich über den Rand hinausziehe?
Weil das Rechteck am Bild begrenzt wird: Ein Zuschnitt kann keinen Bereich enthalten, der nicht existiert. Bei fixiertem Seitenverhältnis begrenzt das Erreichen einer Kante auch die andere Dimension, da die Form erhalten bleiben muss – der Rahmen hört also auf zu wachsen, statt die falsche Form anzunehmen. Wechseln Sie auf „Frei“, wenn das Rechteck dem Zeiger ohne diese Einschränkung folgen soll.
Wird das Bild zum Zuschneiden hochgeladen?
Nein. Es wird komplett in diesem Tab dekodiert, in eine Leinwand gezeichnet und kodiert, mit dem eigenen Bildcode des Browsers. Bestätigen können Sie es im Netzwerk-Panel der DevTools: Zuschneiden erzeugt überhaupt keine Anfragen.