Kostenloser Bildbeschneider Online

Schneiden Sie Bilder mit voreingestellten Seitenverhältnissen oder einem benutzerdefinierten Auswahlbereich zu. Laden Sie das zugeschnittene Ergebnis sofort herunter.

Ihre Dateien verlassen niemals Ihr Gerät
Bild hier ablegen oder klicken zum Durchsuchen

Unterstützt JPEG, PNG, WebP, GIF, BMP, TIFF, AVIF · bis zu 50 MB

So schneiden Sie ein Bild zu

  1. Laden Sie ein Bild hoch oder legen Sie es oben ab.
  2. Wählen Sie eine voreingestellte Seitenverhältnis-Option oder verwenden Sie "Frei" für eine beliebige Form.
  3. Ziehen Sie die Zuschneideauswahl auf den Bereich, den Sie behalten möchten. Verwenden Sie die Eckgriffe zum Anpassen der Größe.
  4. Klicken Sie auf "Bild zuschneiden" und laden Sie das Ergebnis herunter.

Eine kurze Geschichte des Zuschneidens

Zuschneiden ist mehr als ein Jahrhundert älter als digitales Editieren. Ein Foto im analogen Zeitalter zuzuschneiden, war ein physischer Akt: Es bedeutete, zu entscheiden, wo eine Maske, eine Vergrößererklinge oder ein Stück Karton zu platzieren ist, bevor die Vergrößererlampe den Abzug belichtete. In einer arbeitenden Dunkelkammer projiziert ein Vergrößerer ein Negativ durch eine Linse auf ein Blatt lichtempfindliches Papier, das flach in einer Maske liegt, einem schweren Metallrahmen mit verstellbaren Bändern, die die Ränder des Papiers überlappen. Das Hineinziehen der Bänder belichtete nur ein kleineres Fenster des Papiers. Für Fotoredakteure bei Zeitungen und Zeitschriften war der Arbeitsablauf noch materieller: Redakteure markierten ihre Zuschnittentscheidungen direkt auf einem Kontaktbogen mit Fettstiften, normalerweise rot, aber manchmal blau, und zogen Rechtecke um den Teil jedes Bildes, den sie vergrößert haben wollten. Der Fettstift wurde bevorzugt, weil er auf der glänzenden Druckemulsion schrieb, ohne zu verschmieren. Henri Cartier-Bresson, die kanonische Magnum-Figur, lehnte die Praxis berühmt ab, er bestand auf Volldruckabzügen und auf Komposition innerhalb des Suchers im Moment des Auslösens und behandelte jeden späteren Zuschnitt als intellektuellen Betrug am Verschluss. (Seine üblicherweise zitierte Ausnahme ist das Bild von 1932 Hinter dem Gare Saint-Lazare, wo er durch ein Loch in einem Zaun fotografiert hatte und physisch nicht näher kommen konnte, um den Rahmen zu füllen.) Ansel Adams stand am anderen Ende: Seine akribische Dunkelkammerpraxis behandelte das Zuschneiden als eines von vielen Werkzeugen zur Gestaltung des endgültigen Abzugs, neben Nachbelichten, Abwedeln, Kontrastfiltern und selektivem Bleichen. Das Symbolleisten-Symbol für Zuschneiden in modernen Bildbearbeitern, zwei rechte Winkel, die ein leeres Rechteck einklammern, ist eine stilisierte Zeichnung der L-förmigen Papierführungen, die Fotografen auf Kontaktbögen verwendeten, um potenzielle Zuschnitte von Hand zu rahmen.

Beliebte Seitenverhältnisse

Das Seitenverhältnis beschreibt das Verhältnis von Breite zu Höhe. Moderne soziale Plattformen haben jeweils ein oder mehrere „bevorzugte" Verhältnisse, und das Hochladen mit dem falschen Verhältnis bedeutet fast immer, dass die Plattform für dich zuschneidet oder Letterbox-Streifen hinzufügt, normalerweise schlecht. Ein Zuschnitt-Tool, das dich vor dem Hochladen zum richtigen Verhältnis bringt, leistet bedeutende Arbeit. Bestätige gegen die aktuelle Plattformdokumentation für Produktionsarbeit, Spezifikationen driften, aber zum Stand 2026:

Kinoverhältnisse, woher die breiten Voreinstellungen kommen

Academy-Verhältnis (1.375:1, oft umgangssprachlich 4:3 genannt). Stummfilme wurden bei etwa 4:3 mit dem gesamten 35-mm-Rahmen gedreht; als der optische Sound-on-Film Ende der 1920er Jahre kam, fraß der Soundtrack-Streifen in den Bildbereich. Die Academy of Motion Picture Arts and Sciences reagierte am 16. Februar 1932 mit einer Direktive, die neue Apertur-Abmessungen festlegte, das Ergebnis war ein 1.375:1-Rahmen, getauft Academy-Verhältnis, und fast jeder Hollywood-Film zwischen 1932 und 1952 wurde in diesem Format gedreht. CinemaScope (2.55:1 → 2.35:1 → 2.39:1). Die Technik dahinter stammt aus den 1920er Jahren, als der französische Erfinder Henri Chrétien die anamorphotische Hypergonar-Linse patentierte. 20th Century Fox unterzeichnete am 12. Januar 1953 eine Vereinbarung mit ihm und kündigte am 2. Februar 1953 an, dass alle zukünftigen Fox-Produktionen die Technologie verwenden würden; Das Gewand hatte im September 1953 als erster kommerzieller CinemaScope-Spielfilm Premiere. Das ursprüngliche Verhältnis war 2.55:1; als 1956 Soundtracks integriert wurden, schrumpfte es auf 2.35:1; SMPTE 195-1993 bestätigte 2.39:1 als modernen Standard. Amerikanisches Widescreen flach (1.85:1), Universal Pictures führte es am 20. Mai 1953 mit Thunder Bay ein; nicht-anamorphotisch, erreicht durch Hard-Matting oben und unten. 16:9 (1.7777...:1) wurde 1984 erstmals von Kerns H. Powers von der SMPTE HDTV Working Group vorgeschlagen, der es als geometrischen Mittelpunkt zwischen den Kinostandards der Zeit wählte. Die ITU übernahm es 1990 als internationalen HDTV-Standard; die FCC übernahm 1996 ATSC; die ersten ATSC-Sendungen gingen am 28. Oktober 1998 live. Jeder moderne Fernseher, Monitor, Laptop-Bildschirm, jedes YouTube-Thumbnail und HDMI-Signal ist immer noch nominell 16:9.

Die Drittelregel, eine Kompositionsregel von 1797, immer noch im Gebrauch

Der Ausdruck „Drittelregel" erscheint in John Thomas Smiths Remarks on Rural Scenery, veröffentlicht 1797. Smith war ein englischer Kupferstecher und Altertumsforscher; sein Buch war angeblich eine Sammlung von zwanzig Radierungen von Hütten mit Text über das Malerische. Beiläufig zitiert Smith einen Vortrag von Sir Joshua Reynolds aus dem Jahr 1783 über das Gleichgewicht von Hell und Dunkel in der Malerei und schlägt dann vor, dieselbe Logik „auf die Regel von zwei Dritteln" auszudehnen, und prägt damit, was Jahrhunderte später zur Standard-Kompositionsheuristik für Amateur- und Profifotografie werden würde. Zuschnitt-Tools drücken die Regel aus, indem sie ein 3x3-Gitter auf die Live-Zuschnittsauswahl legen; das Ausrichten eines Horizonts, einer starken Vertikalen (eines Baumstamms, einer Person) oder eines Brennpunkts mit einem der vier Schnittknoten ist der Standardrat. Neben Dritteln sind mehrere andere Kompositionshilfen zu Standardüberlagerungen in ernsthaften Zuschnitt-Tools geworden: der Goldene Schnitt (≈1.618:1), manchmal als die tiefere mathematische Inspiration beschrieben, von der die Drittelregel eine Vereinfachung ist, platziert seine Teilungslinien bei etwa 0,382 und 0,618 des Rahmens; die Fibonacci-Spirale entsteht durch das Zeichnen sukzessive kleinerer Quadrate, deren Seiten 1, 1, 2, 3, 5, 8, 13... folgen, und ist das, wogegen Renaissance-Malerei-Kompositionen oft analysiert werden; die Diagonalmethode / Goldenes Dreieck zieht eine Diagonale durch den Rahmen und eine Senkrechte von jeder gegenüberliegenden Ecke, geeignet für Szenen mit einer starken schrägen Linie. Dieses Werkzeug rendert diese Überlagerungen derzeit nicht, eine dokumentierte Bereichseinschränkung und eine ehrliche Gelegenheit für zukünftige Arbeit.

Wie das Zuschneiden tatsächlich passiert, die Canvas-API

Die HTML-Canvas-API hat seit der ursprünglichen WHATWG-Canvas-Spezifikation eine einzige Methode unterstützt, die die geometrische Hauptarbeit des Zuschneidens leistet: CanvasRenderingContext2D.drawImage(). Sie ist mit drei Formen überladen, die dritte, die Neun-Argument-Form, ist diejenige, die zuschneidet: drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight). Die ersten vier numerischen Argumente spezifizieren das Quellrechteck, eine Teilregion des Quellbildes, die extrahiert werden soll. Die nächsten vier spezifizieren das Zielrechteck auf dem Canvas, wo diese Teilregion gezeichnet werden soll, mit impliziter Skalierung, wenn das Ziel anders dimensioniert ist. Um ohne Skalierung zuzuschneiden, dimensioniere das Ziel-Canvas exakt passend zum Quellrechteck und zeichne mit dx = 0, dy = 0, dWidth = sWidth, dHeight = sHeight, was genau das ist, was dieses Werkzeug tut. Dieser einzige Aufruf ist das schlagende Herz jedes browserbasierten Zuschnitt-Tools. Sobald die Pixel auf dem Canvas sind, ist der Standard-Exportweg canvas.toBlob(), der das Canvas in ein Blob in einem gewählten MIME-Typ (PNG, JPEG, WebP) serialisiert. Die Canvas-API stellt auch eine leistungsstarke benachbarte Funktion zur Verfügung, createImageBitmap(), deren Option imageOrientation: 'from-image' jede EXIF-Orientierungsrotation, die in einem JPEG vorhanden ist, anwendet, bevor das Bitmap zurückgegeben wird, ohne sie würden Fotos, die mit einem seitlich gehaltenen Telefon aufgenommen wurden, um 90° gedreht auf dem Canvas erscheinen. Das 9-Argument-drawImage() ist seit Juli 2015 als Baseline weit verbreitet verfügbar, was bedeutet, dass jeder Browser im modernen Gebrauch es unterstützt.

Verlustfrei vs. neu kodiert: Ein JPEG-Vorbehalt

Ein kleiner, aber wichtiger Vorbehalt für jedes browserbasierte Zuschnitt-Tool: Die Canvas-API rastert und kodiert immer neu. Wenn du ein JPEG hochlädst, es auf ein Canvas ziehst, mit drawImage() zuschneidest und mit toBlob('image/jpeg', 0.92) exportierst, hast du gerade einen zusätzlichen Zyklus verlustbehafteter DCT-Quantisierung auf das Original angewendet. Dieses Phänomen ist bekannt als Generationsverlust, und JPEG ist berühmt dafür anfällig, jedes erneute Speichern führt einen neuen Quantisierungsfehler in den diskreten Kosinustransformations-Koeffizienten ein; das Chroma-Subsampling verstärkt den Effekt über die Speichervorgänge hinweg, wobei die Chroma-Kanäle progressiv weicher werden und Farbgrenzen bluten. Cloudinarys bekannte Visualisierung zeigt ein 50-mal neu gespeichertes JPEG, das in eine erkennbare, aber sichtbar beschädigte Karikatur seiner selbst zerfällt. Der Standardrat ist, eine unmodifizierte Masterkopie jedes Bildes zu behalten, das du möglicherweise erneut bearbeiten möchtest. Es gibt jedoch einen speziellen Trick, der es ermöglicht, ein JPEG ohne Neukodierung zuzuschneiden, vorausgesetzt, bestimmte geometrische Einschränkungen werden erfüllt. Die JPEG-Komprimierung arbeitet mit 8x8-Pixelblöcken (oder 16x16-Makroblöcken mit Chroma-Subsampling). Wenn die Zuschnittsgrenzen genau auf diesen Blockkanten liegen, was die JPEG-Spezifikation iMCU-Grenzen nennt, kann die zugeschnittene Region durch Umordnen der vorhandenen komprimierten DCT-Koeffizienten extrahiert werden, ohne sie jemals zurück zu Pixeln zu dekodieren. Die kanonische Implementierung ist jpegtran, das Befehlszeilen-Dienstprogramm, das mit libjpeg der Independent JPEG Group geliefert wird, organisiert von Tom Lane und erstmals am 7. Oktober 1991 veröffentlicht. Die Canvas-API hat kein Äquivalent, ein browserbasierter JPEG-Zuschnitt kodiert immer neu; das Beste, was ein Werkzeug tun kann, ist eine hohe Qualitätseinstellung zu wählen (dieses Werkzeug verwendet 92%, was konservativ und visuell kompetent ist). Für PNG und WebP-verlustfrei ist die Situation anders: Diese Formate kodieren Pixel deterministisch, sodass ein Zuschnitt gefolgt von einem erneuten Speichern im gleichen Format auf den zugeschnittenen Pixeln bit-perfekt ist. PNG ist das empfohlene Ausgabeformat für jeden Zuschnitt, bei dem die Pixelerhaltung wichtiger ist als die Dateigröße, zum Beispiel ein Screenshot oder ein UI-Mockup.

Touch- und Pointer-Events, warum die Griffe groß genug sein müssen

Bis die Pointer-Events-Spezifikation reifte, erforderte der Aufbau eines einzigen Drag-Griffs, der mit einer Desktop-Maus, einem Finger auf einem Touchscreen und einem Stift auf einem Tablet korrekt funktionierte, das Jonglieren mit drei Event-Familien. Pointer Events Level 2 erreichte am 4. April 2019 den W3C-Empfehlungsstatus und vereinigte diese zu einer einzigen kohärenten Event-Familie mit pointerdown, pointermove, pointerup und einem pointerType-Attribut, das die zugrunde liegende Geräteklasse offenlegt. Für die benutzerseitigen Teile eines Zuschnitt-Tools, die Eckgriffe, die du ziehst, um die Zuschnittsauswahl zu ändern, und die zentrale Region, die du ziehst, um sie zu verschieben, ist die Touch-Ergonomie wichtig. Die Plattformrichtlinien konvergieren zu einer ähnlichen Zahl: Apple Human Interface Guidelines spezifizieren ein minimales Trefferziel von 44x44 Punkten; Material Design spezifiziert 48x48 dp; WCAG 2.5.5 (Stufe AAA, „Zielgröße") erfordert 44x44 CSS-Pixel; WCAG 2.5.8 (Stufe AA, „Zielgröße (Minimum)", hinzugefügt in WCAG 2.2) erfordert mindestens 24x24 CSS-Pixel mit Abstandsausnahmen. Die praktische Implikation: Ein Eckgriff, der als winziges 8x8-Pixel-Quadrat gemalt ist, ist auf einem Telefon sehr schwer zu greifen. Die sichtbare Dekoration kann klein bleiben, aber der zugrunde liegende Trefferbereich sollte sich durch transparente Polsterung erweitern, sodass das effektive Ziel mindestens den WCAG AA-Schwellenwert von 24x24 erreicht, idealerweise die 44x44 der AAA / Apple-Anleitung.

Die Bibliothekslandschaft, und warum dieses Werkzeug keine davon verwendet

Die dominierende Open-Source-Client-seitige Zuschneidebibliothek ist Cropper.js von Chen Fengyuan, MIT-lizenziert, mit etwa 13,8k GitHub-Sternen und etwa 1,4 Millionen wöchentlichen npm-Downloads zu Beginn 2026. Ihr Funktionsumfang ist umfassend: Touch und Maus, Mausrad- und Pinch-Zoom, freie Rotation, horizontales und vertikales Spiegeln, mehrere Seitenverhältnis-Modi, ein bewegliches Bild innerhalb eines festen Zuschnittsrahmens und reiche Event-Hooks. react-image-crop von Dominic Tobias ist eine schlanke React-spezifische Komponente, ISC-lizenziert, unter 5 KB gzipped. Pintura von PQINA ist ein kommerzieller JavaScript-Bildeditor, der Zuschneiden neben Größenänderung, Rotation, Filter, Anmerkung, Sticker, Wasserzeichen und Redaktionstools enthält und auf Abonnementebenen von etwa 13$ bis 317$ pro Monat verkauft wird, von Unternehmen wie Dropbox, Square und ConvertKit verwendet. smartcrop.js von Jonas Wagner (2014) ist ein inhaltsbewusster Zuschneidealgorithmus, der Bildverarbeitungsheuristiken (Farbsättigung, Kantenerkennung) verwendet, um automatisch einen ästhetisch angemessenen Zuschnitt zu finden, anstatt auf Benutzereingaben zu warten. Dieses Werkzeug verwendet absichtlich keine davon, es ist eine kleine, zweckspezifische, framework-freie Implementierung. Es versucht nicht, mit Cropper.js in Bezug auf Funktionsbreite zu konkurrieren; es ist auf einen einzigen Besuch, ein einziges Bild, einen einzigen Zuschnitt, einen einzigen Download abgestimmt, ohne Upload, ohne Konto und ohne Script-Tag, das von einem CDN gezogen wird.

Datenschutz: Warum reiner Browser hier wichtig ist

Serverseitige Zuschneider (iLoveIMG, Adobe Express, Canva und die meisten „Online-Bild-Cropper"-Sites) erfordern das Hochladen deines Bildes zu einem Drittanbieter-Server. iLoveIMG dokumentiert eine zweistündige Löschrichtlinie; Adobe Express und Canva haben ähnliche, aber variable Bedingungen. Selbst mit der gewissenhaftesten Löschung ist das Hochladen selbst ein Netzwerk-Ereignis, das protokolliert, abgefangen oder verletzt werden kann. Für gewöhnliche Urlaubsfotos ist das in Ordnung. Für persönliche Fotos mit EXIF-GPS-Metadaten, Dokument-Scans, die PII enthalten (Reisepass-Seiten, Ausweise, Steuerunterlagen, Versicherungsformulare), Screenshots interner Arbeits-UI, medizinische Bildgebung oder alles andere, was du nicht auf die Festplatte eines Fremden kopiert haben möchtest, ist „das Bild bleibt auf meinem Gerät" die einzige sichere Architektur. Dieses Werkzeug führt die gesamte Zuschnittspipeline, Dateiauswahl, Dekodierung, Canvas-Zuschnitt, Neukodierung, Download, lokal in deinem Browser über JavaScript aus. Kein Upload, kein API-Aufruf, kein Log-Eintrag. Du kannst verifizieren, indem du den Netzwerk-Tab von DevTools öffnest, während du zuschneidest: Es gibt keine ausgehenden Anfragen, die Bilddaten tragen. Noch besser: Nimm die Seite offline (Flugmodus), nachdem sie geladen ist, und bestätige, dass der Cropper immer noch funktioniert, der stärkste empirische Beweis dafür, dass nichts hochgeladen wird.

Häufig gestellte Fragen

Verringert das Zuschneiden die Bildqualität?

Nein. Beim Zuschneiden wird der ausgewählte Bereich in seiner ursprünglichen Auflösung extrahiert. Der einzige Qualitätsaspekt ist das Ausgabeformat · JPEGs verwenden eine hohe Qualitätseinstellung (92 %), um Artefakte zu minimieren.

Kann ich auf genaue Pixelmaße zuschneiden?

Die Zuschneideauswahl zeigt ihre Pixelmaße in Echtzeit an. Verwenden Sie für exakte Pixelgrößen nach dem Zuschneiden unser Image Resizer-Tool, um das Ergebnis auf präzise Abmessungen zu skalieren.

Wird mein Bild irgendwo hochgeladen?

Nein. Das gesamte Zuschneiden erfolgt in Ihrem Browser mithilfe der Canvas API. Ihr Bild bleibt die ganze Zeit auf Ihrem Gerät.

Welches Seitenverhältnis soll ich wählen?

Stimme mit der Zielplattform überein. Das Instagram-Feed-Engagement bevorzugt Hochformat 4:5 (5:4 vertikal, 1080x1350) gegenüber Quadrat 1:1; YouTube-Thumbnails sind 16:9 (1280x720); TikTok und Instagram Stories/Reels sind 9:16 vertikal (1080x1920); Facebook/LinkedIn-Link-Vorschauen über Open Graph sind 1.91:1 (1200x630); Pinterest-Standard-Pins sind 2:3 (1000x1500). Für Druck ist A-Serien-Papier 1:√2 (≈1:1.414); 35-mm-Film und die meisten DSLR-Sensoren sind 3:2; iPad und ältere 4:3-Fotos sind 4:3. Verwende „Frei", wenn du für Kunst statt für eine bestimmte Plattform zuschneidest.

Wird mein Bild irgendwohin hochgeladen?

Nein. Die gesamte Verarbeitung, Dateiauswahl, Dekodierung, Zuschnittsauswahl, Canvas-Neukodierung, Download, geschieht lokal in deinem Browser über JavaScript und die HTML-Canvas-API. Kein Bild wird an einen Server gesendet, kein API-Aufruf wird gemacht, kein Log-Eintrag wird erstellt. Du kannst es im Netzwerk-Tab von DevTools verifizieren, während du zuschneidest, oder die Seite offline nehmen, nachdem sie geladen ist, und bestätigen, dass der Cropper immer noch funktioniert. Sicher für persönliche Fotos mit eingebettetem GPS, Dokument-Scans, die PII enthalten, Screenshots interner Arbeits-UI oder jedes Bild, das du nicht auf die Festplatte eines Fremden kopiert haben möchtest.

Entfernt das Zuschneiden EXIF-Metadaten?

Ja, als Nebeneffekt. Die Canvas-API speichert nur Pixeldaten, sodass EXIF-, IPTC- und XMP-Metadatenblöcke (Kameramodell, Belichtungseinstellungen, GPS-Koordinaten, Copyright-Tags) den Round-Trip nicht überleben, sie sind aus der zugeschnittenen Ausgabe verschwunden. Das ist ein Datenschutzgewinn, wenn du das zugeschnittene Bild in Foren oder Chat-Apps teilst, die EXIF beim Hochladen nicht entfernen. Wenn du Metadaten erhalten musst (Fotografen, die Belichtungsdaten archivieren, Content-Workflows, die Copyright-Tags erfordern), ist das das falsche Werkzeug, verwende ImageMagicks convert oder eine dedizierte EXIF-bewusste Bibliothek, die explizit Metadaten erhält.

Verwandte Werkzeuge

Kostenloser Online-Bildkompressor

Komprimieren Sie JPEG-, PNG- und WebP-Bilder bis zu 80% kleiner. Sofortige Ergebnisse, kein Upload auf einen Server.

Kostenlose Online-Bildgrößenänderung

Ändern Sie die Größe von Bildern auf genaue Pixel-Dimensionen. Halten Sie das Seitenverhältnis ein oder legen Sie benutzerdefinierte Breite und Höhe fest.

Kostenloser Bildkonverter Online

Konvertieren Sie Bilder zwischen PNG-, JPEG- und WebP-Formaten. Konvertieren Sie mehrere Dateien auf einmal. Kein Upload auf einen Server.