Bilder zuschneiden: eigene Seitenverhältnisse online

JPG-, PNG- und WebP-Bilder kostenlos frei oder mit festen Verhältnissen wie 1:1, 4:3 und 16:9 zuschneiden – mit Live-Vorschau und vollständig im Browser.

Bild laden, Seitenverhältnis wählen oder genaue Koordinaten eingeben, Vorschau prüfen und Ergebnis herunterladen. Der Zuschnitt erfolgt lokal mit der Canvas-API – nichts wird hochgeladen.

Bilder zuschneiden: eigene Seitenverhältnisse online
JPG-, PNG- und WebP-Bilder kostenlos frei oder mit festen Verhältnissen wie 1:1, 4:3 und 16:9 zuschneiden – mit Live-Vorschau und vollständig im Browser.

Dein Bild wird lokal im Browser zugeschnitten und verlässt dein Gerät nie.

Zuschnittrechner
Du brauchst die Werte, ohne eine Datei zu laden? Gib die Bildmaße ein, wähle oben ein Seitenverhältnis und berechne den größten passenden zentrierten Zuschnitt.

Der Rechner verwendet das oben im Zuschneidewerkzeug ausgewählte Seitenverhältnis.

Über den Bild-Zuschneider

Zuschneiden ist der schnellste Weg, ein Foto zu verbessern: Es entfernt Ablenkungen an den Rändern, ordnet das Motiv neu und ist oft erforderlich, weil das Ziel ein bestimmtes Format verlangt. Social-Profile brauchen Quadrate, Video-Miniaturen 16:9 und klassische Abzüge 4:3. Dieser Bild-Zuschneider schneidet JPG-, PNG- und WebP-Bilder direkt im Browser auf jedes Rechteck zu. Die Datei wird lokal dekodiert, auf ein Canvas gezeichnet, zugeschnitten und auf deinem Gerät neu kodiert; sie wird nie hochgeladen. Es gibt zwei Möglichkeiten, den Zuschnitt festzulegen. Am schnellsten geht es mit einem Seitenverhältnis: Frei erlaubt jedes Rechteck, 1:1 ein Quadrat, 4:3 das klassische Fotoformat und 16:9 das Breitbildformat. Nach der Auswahl wird automatisch der größtmögliche zentrierte Zuschnitt dieser Form platziert. So bleiben möglichst viele Pixel erhalten und das exakte Verhältnis wird garantiert. Danach kannst du X und Y für die obere linke Ecke sowie Breite und Höhe anpassen. Die Live-Vorschau dunkelt den Bereich außerhalb ab, damit du genau siehst, was erhalten bleibt. Ein Klick rendert den Bereich als neues Bild und lädt ihn als verlustfreies PNG herunter. Der pixelgenaue Zuschnitt per Zahlen unterscheidet sich bewusst von reinen Ziehwerkzeugen. Bei der Vorgabe „auf 1200 × 630 zuschneiden, beginnend 60 Pixel vom oberen Rand“ sind vier Zahlen exakt und für viele Bilder wiederholbar. Bei einem Verhältnis r ist die größtmögliche Breite der kleinere Wert aus Bildbreite und Bildhöhe × r. Wenn du nur diese Zahlen brauchst – etwa für CSS, eine Miniatur-Pipeline oder Anleitungen – überspringt der Rechner unten die Datei. Originalmaße eingeben, Preset wählen und Größe sowie Position des größten zentrierten Zuschnitts erhalten. Das Tool ist kostenlos, ohne Konto und ohne Wasserzeichen und funktioniert nach dem Laden offline, da es vollständig clientseitig mit JavaScript und Canvas arbeitet.

Beispiele für Bildzuschnitte

Typische Zuschnitte und ihre Werte.

AufgabeZuschnittbereichHinweis
Quadratischer Avatar aus einem 3000 × 2000-Foto (1:1)2000 × 2000, beginnt 500 px vom linken RandDas Quadrat wird durch die kürzere Seite begrenzt und horizontal zentriert: (3000 − 2000) ÷ 2 = 500.
16:9-Breitbildminiatur aus einem 4000 × 3000-Foto4000 × 2250, beginnt 375 px vom oberen RandDie volle Breite bleibt erhalten; die Höhe wird 4000 ÷ (16/9) = 2250 und vertikal zentriert.
4:3-Druckzuschnitt eines 5000 × 4000-Scans5000 × 3750, beginnt 125 px vom oberen RandDas 4:3-Feld nutzt die volle Breite und entfernt 250 px Höhe, gleichmäßig oben und unten.
100 px Wasserzeichenstreifen unten aus einem 1600 × 900-Bild entfernenX 0, Y 0, Breite 1600, Höhe 800 (Frei)Freies Zuschneiden entfernt den Streifen exakt, ohne den horizontalen Bildausschnitt zu ändern.

So schneidest du ein Bild zu

  1. Wähle über den Dateiauswahldialog ein JPG-, PNG- oder WebP-Bild; es bleibt die ganze Zeit auf deinem Gerät.
  2. Wähle ein Seitenverhältnis (Frei, Quadrat, 4:3 oder 16:9); der größte zentrierte Zuschnitt wird automatisch platziert.
  3. Passe X, Y, Breite und Höhe an und prüfe in der Vorschau genau den erhaltenen Bereich.
  4. Klicke auf „Zuschneiden und herunterladen“, um den Bereich als PNG zu speichern.

FAQ zum Bild-Zuschneiden

Wird mein Foto beim Zuschneiden hochgeladen?
Nein. Das Bild wird vollständig im Browser mit File API und Canvas gelesen und zugeschnitten. Kein Server erhält die Datei – sicher für Screenshots, Dokumente und private Fotos.
Wie schneide ich ein Bild quadratisch zu?
Bild laden und das Preset 1:1 anklicken. Das größte zentrierte Quadrat wird automatisch platziert; mit X oder Y kannst du den Ausschnitt verschieben.
Was bedeuten die Werte X und Y?
Sie sind die Pixelkoordinaten der oberen linken Ecke des Zuschnitts, gemessen ab der oberen linken Bildecke. X verschiebt nach rechts, Y nach unten. Breite und Höhe bestimmen die Größe.
Verringert Zuschneiden die Bildqualität?
Die behaltenen Pixel werden unverändert kopiert – Zuschneiden ist verlustfrei. Das Ergebnis wird als PNG gespeichert und bewahrt jeden verbleibenden Pixel exakt; nur der verworfene Bereich geht verloren.
Warum kann der Zuschnitt nicht größer als das Bild sein?
Ein Zuschnitt kann nur vorhandene Pixel behalten, daher bleibt der Rahmen innerhalb der Bildgrenzen. Für eine größere Fläche oder Ränder brauchst du einen Editor mit Auffüllen statt einen Zuschneider.
Welches Seitenverhältnis sollte ich verwenden?
Richte es am Ziel aus: 1:1 für die meisten Profilbilder, 16:9 für Video-Miniaturen und Präsentationscover, 4:3 für klassische Abzüge und Frei, wenn du nur Ablenkungen entfernen möchtest.