CodeKitHubWas ist dieses Tool?
Mit einem Bildausschnitt-Tool schneidet man einen rechteckigen Bereich aus einem Bild aus und verwirft den Rest. Dies ist die grundlegendste und am häufigsten benötigte Bildbearbeitung: einen Screenshot auf das relevante Fenster zuschneiden, sich selbst aus einem Gruppenfoto für einen Avatar herausschneiden, einen unschönen Hintergrundrand entfernen oder eine Landschaftsaufnahme für einen Beitrag auf ein Quadrat zuschneiden.
Dieser Bildausschnitt-Generator läuft über die HTML5-Canvas-API in Ihrem Browser. Wenn Sie eine Datei auswählen, wird diese lokal dekodiert. Sie passen den Ausschnitt an, indem Sie die Ränder und Ecken verschieben, und der Ausschnitt wird erstellt, indem genau diese Pixel auf eine neue Leinwand kopiert werden. Da kein Server beteiligt ist, gibt es keine Wartezeit beim Hochladen, keine Gebühren aufgrund der Dateigröße und keine Abstriche beim Datenschutz – das Tool funktioniert sogar offline, sobald die Seite geladen ist.
Warum sollte man es nutzen?
- Auswahl per Ziehen und Anpassen: Verschieben Sie den Rahmen oder ziehen Sie an einem beliebigen Eck- oder Kantengriff, bis der Ausschnitt genau passt – mit Echtzeit-Anzeige der Größe in Pixeln.
- Voreinstellungen für das Seitenverhältnis – 1:1, 4:3, 16:9 und 9:16 – legen die Rahmenform für Avatare, Miniaturansichten und vertikale Videocover fest. Alternativ können Sie in den freien Modus wechseln, um beliebige Ausschnitte zu wählen.
- Als PNG (verlustfrei, mit Transparenz) oder JPG (kleinere Dateigröße bei Fotos) herunterladen – Sie entscheiden sich beim Export.
- 100 % lokale Verarbeitung mit der Canvas-API: Ihr Bild wird zu keinem Zeitpunkt hochgeladen, versendet oder irgendwo gespeichert – was insbesondere für Passfotos, Dokumente und Screenshots mit personenbezogenen Daten von Bedeutung ist.
- Kostenlos, ohne Wasserzeichen, ohne Registrierung und funktioniert sowohl auf Smartphones und Tablets per Touch-Geste als auch auf dem Desktop.
Anleitung
- Klicken Sie auf den Upload-Bereich oder ziehen Sie eine Bilddatei dorthin – JPG, PNG, WebP und die meisten gängigen Formate werden unterstützt.
- Ziehen Sie innerhalb des Auswahlrahmens, um ihn zu verschieben, oder ziehen Sie an den Eck- und Kantengriffen, um seine Größe anzupassen.
- Wählen Sie optional eine Voreinstellung für das Seitenverhältnis (1:1, 4:3, 16:9, 9:16), um die Form des Rahmens festzulegen, oder lassen Sie ihn frei.
- Wählen Sie als Ausgabeformat „PNG“ oder „JPG“.
- Drücken Sie die Schaltfläche „Zuschneiden und herunterladen“, und das zugeschnittene Bild wird sofort heruntergeladen.
Beispiel
Eingabe
A 4000×3000 photo, selection locked to 1:1 over the face, 800×800 area chosenAusgabe
An 800×800 PNG containing only the selected squareDie Ausgabe behält die ursprünglichen Pixel eins zu eins bei – beim Zuschneiden wird der ausgewählte Bereich niemals in der Größe angepasst oder neu komprimiert, es sei denn, Sie exportieren als JPG, wobei eine leichte Bildkomprimierung erfolgt.
Gängige Seitenverhältnisse beim Zuschneiden und ihre Einsatzbereiche
Wählen Sie das Seitenverhältnis der Plattform, auf der Sie veröffentlichen, und nicht das des Quellbildes – ein aus der Mitte eines Hochformatfotos zugeschnittenes 16:9-Miniaturbild ist in der Regel besser als ein Bild mit Letterbox-Rändern. Wenn eine Plattform eine genaue Pixelgröße angibt, passen Sie hier zunächst das Seitenverhältnis entsprechend an; wenn Sie die Form bereits beim Zuschneiden richtig einstellen, vermeiden Sie den automatischen Zentrierungsschnitt, den viele Websites anwenden und der regelmäßig Köpfe und Text abschneidet.
| Grund | Form | Typische Anwendung |
|---|---|---|
| 1:1 | Quadrat | Profilbilder, Instagram-Feed, App-Symbole |
| 4:3 | Klassische Landschaft | Präsentationen, ältere Kameras, iPad-Bildschirme |
| 16:9 | Breitbild | YouTube-Miniaturansichten, Video-Cover, Monitore |
| 9:16 | Vertikal | Stories, Reels, TikTok, Handy-Hintergrundbilder |
| Frei | Jedes Rechteck | Screenshots zuschneiden, Ränder entfernen, benutzerdefinierte Layouts |
Wo das Zuschneiden unter den Bildbearbeitungswerkzeugen einzuordnen ist
Durch das Zuschneiden wird verändert, was auf dem Bild zu sehen ist; durch die Größenanpassung wird die Größe des Bildes verändert. Bei einem typischen Avatar-Workflow werden beide Schritte angewendet: Zunächst wird das Bild auf das Seitenverhältnis 1:1 zugeschnitten, anschließend mit dem „Image Resizer“ auf die erforderliche Größe von 400×400 skaliert. Wenn man diese Reihenfolge einhält, bleibt das Motiv scharf, da die Skalierung nur einmal erfolgt – und zwar erst beim endgültigen Bildausschnitt.
Sollte die Datei nach dem Zuschneiden immer noch zu groß sein – was bei großen Handyfotos häufig vorkommt –, lassen Sie sie durch den Bildkompressor laufen. Und wenn das Ziel darin besteht, Informationen zu verbergen, anstatt sie aus dem Bild zu entfernen, können Sie den sensiblen Bereich mit einem Zensurwerkzeug verwischen oder verpixeln, wodurch der Rest des Bildes erhalten bleibt.
Häufig gestellte Fragen
Wird mein Bild auf einen Server hochgeladen?
Nein. Die Datei wird direkt von Ihrem Browser geöffnet und mit der Canvas-API auf Ihrem eigenen Gerät verarbeitet. Es werden keine Daten übertragen, gespeichert oder protokolliert – Sie können dies überprüfen, indem Sie die Seite laden, die Internetverbindung trennen und das Bild trotzdem zuschneiden. Dadurch eignet sich das Tool sicher für Personalausweise, Verträge und andere sensible Bilder.
Welches Seitenverhältnis soll ich verwenden?
Das Format 1:1 (quadratisch) eignet sich für die meisten Profilbilder und Beiträge im Instagram-Feed. Das Format 4:3 entspricht klassischen Foto- und Präsentationsformaten. 16:9 ist der Standard für YouTube-Miniaturansichten, Video-Cover und Breitbild-Displays. 9:16 ist für vertikale Inhalte gedacht – Stories, Reels, TikTok und Handy-Hintergrundbilder. Wenn keine Plattform das Format vorschreibt, können Sie im freien Modus das Bild auf ein beliebiges Rechteck zuschneiden.
Soll ich die Datei als PNG oder JPG herunterladen?
PNG ist verlustfrei und bewahrt die Transparenz, wodurch es sich ideal für Screenshots, Grafiken, Logos und alles mit Text eignet. JPG komprimiert fotografische Inhalte zu deutlich kleineren Dateien mit kaum sichtbarem Qualitätsverlust und eignet sich daher besonders für Fotos, die Sie teilen oder hochladen möchten. Im Zweifelsfall gilt: Text oder Transparenz → PNG, Foto → JPG.
Verringert das Zuschneiden die Bildqualität?
Das Zuschneiden selbst ist verlustfrei – die ausgewählten Pixel werden unverändert kopiert, sodass der zugeschnittene Bereich pixelgenau mit dem Original übereinstimmt. Die einzige Entscheidung, die sich auf die Qualität auswirkt, ist das Exportformat: PNG bewahrt alles exakt bei, während JPG eine fotografische Komprimierung anwendet. Das Tool skaliert Ihr Bild niemals, sodass durch eine Neuberechnung keine Schärfe verloren geht.
Kann ich das Bild auf exakte Pixelabmessungen zuschneiden?
Die Größe des Auswahlbereichs wird während des Ziehens in Pixeln in Echtzeit angezeigt, sodass Sie die Ziehpunkte so lange feinjustieren können, bis die gewünschte Größe erreicht ist. Wenn Sie eine exakte Zielgröße wie beispielsweise 512×512 benötigen, unabhängig vom Bildausschnitt des Ausgangsbildes, schneiden Sie das Bild hier auf die richtige Form zu (in diesem Fall 1:1) und skalieren Sie das Ergebnis anschließend mit dem „Image Resizer“.