Bild zuschneiden

Ränder eines Bildes prozentual abschneiden (oben/unten/links/rechts) – lokal im Browser.

Zugeschnittenes Bild

Auf deiner Website einbetten

Diesen Rechner kostenlos & cookiefrei auf deiner Seite einbinden – einfach den Code kopieren:

Vorschau

Mehr dazu: Tools einbetten

Über HTTP
Diesen Rechner gibt es nicht als JSON-Abruf – siehe JSON-API. „Bild zuschneiden“ braucht eine Datei (Bild), und eine Datei steht in keiner Adresse. Auf https://utilico.de/tool/bild-zuschneiden wird sie im Browser verarbeitet und verlässt das Gerät nicht.

Mit dem Tool Bild zuschneiden schneidest du die Ränder eines Fotos direkt im Browser ab – oben, unten, links und rechts jeweils in Prozent der Originalgröße. So entfernst du störende Ränder, blendest ungewollte Bildteile aus oder änderst das Seitenverhältnis, etwa um aus einem Querformat-Foto einen quadratischen Ausschnitt für Social Media zu machen. Das Ergebnis steht sofort als PNG-Datei zum Download bereit, ganz ohne Upload auf einen Server.

So funktioniert Bild zuschneiden

Lade über Bild eine Datei von deinem Gerät hoch – gängige Formate wie JPG, PNG, WebP oder GIF funktionieren. Mit den vier Reglern Oben, Unten, Links und Rechts legst du fest, wie viel Prozent der jeweiligen Bildkante abgeschnitten werden – von 0 bis maximal 45 Prozent, standardmäßig 0.

Alle vier Werte lassen sich unabhängig voneinander einstellen. Das zugeschnittene Bild erscheint sofort im Vorschaubereich und lässt sich direkt als PNG-Datei herunterladen.

So wird der Zuschnitt berechnet

Alle vier Prozentwerte beziehen sich immer auf die Originalbreite und -höhe des Bildes. Bei einer Bildbreite W und -höhe H ergibt sich die neue Breite aus W × (100 − links − rechts) / 100 und die neue Höhe aus H × (100 − oben − unten) / 100.

Da jeder Regler auf maximal 45 Prozent begrenzt ist, bleibt von zwei gegenüberliegenden Seiten zusammen immer mindestens 10 Prozent der jeweiligen Achse erhalten – ein vollständiges Wegschneiden des Bildes ist damit ausgeschlossen.

Beispiel

Ein Foto mit 2000 × 1500 Pixel soll zu einem quadratischen Ausschnitt werden. Du stellst Links und Rechts auf je 20, Oben und Unten auf je 10.

Die neue Breite beträgt 2000 × (100 − 20 − 20) / 100 = 1200 Pixel, die neue Höhe 1500 × (100 − 10 − 10) / 100 = 1200 Pixel. Heraus kommt ein exakt quadratischer Ausschnitt mit 1200 × 1200 Pixel, gespeichert als zuschnitt-1200x1200.png.

Wofür brauche ich das?

  • Störende Ränder entfernen: Schwarze Balken, weiße Ränder oder einen Rahmen abschneiden, die beim Scannen oder Fotografieren entstanden sind.
  • Format anpassen: Aus einem Querformat-Foto einen quadratischen oder schmaleren Ausschnitt für Profilbilder, Social-Media-Posts oder Vorschaubilder machen.
  • Ungewollte Randbereiche kappen: Zeitstempel, Wasserzeichen oder angeschnittene Personen am Bildrand entfernen.
  • Vorbereitung für weitere Bearbeitung: Ein Foto zuerst zuschneiden und anschließend mit anderen Tools verkleinern oder drehen.

Häufige Fragen

Werden meine Bilder gespeichert oder irgendwohin hochgeladen?

Nein. Das Zuschneiden läuft vollständig lokal in deinem Browser über die Canvas-Funktion, es wird nichts an einen Server übertragen.

In welchem Format wird das zugeschnittene Bild heruntergeladen?

Immer als PNG-Datei, unabhängig vom Ausgangsformat. Der Dateiname enthält die neuen Pixelmaße, zum Beispiel zuschnitt-1200x1200.png.

Warum lassen sich die Regler nur bis 45 Prozent einstellen?

Damit sich zwei gegenüberliegende Seiten wie Oben und Unten nicht zu 100 Prozent überschneiden können. So bleiben von jeder Bildachse immer mindestens 10 Prozent erhalten und es entsteht stets ein gültiges Bild.

Beziehen sich die Prozentwerte auf das Originalbild oder auf das schon beschnittene Zwischenergebnis?

Immer auf die Originalbreite und -höhe des hochgeladenen Bildes. Alle vier Seiten werden gleichzeitig berechnet, nicht nacheinander.

Kann ich den Ausschnitt frei mit der Maus ziehen statt Prozentwerte einzugeben?

Nein, aktuell legst du den Ausschnitt über die vier Regler Oben, Unten, Links und Rechts in Prozent fest – eine freie Auswahl per Maus gibt es nicht.