Tokenlabor

Bild zuschneiden

Bild zuschneiden im Browser: Rahmen mit Maus oder Finger ziehen, feste Seitenverhältnisse wie 1:1, 4:3 oder 16:9 wählen und den Ausschnitt herunterladen.

Rahmen verschieben: hineinklicken und ziehen. Größe ändern: an einer Ecke ziehen. Neu aufziehen: außerhalb des Rahmens beginnen.

Zuschnitt

Alles läuft in Ihrem Browser. Eingaben verlassen Ihr Gerät nicht.

Bildausschnitt wählen und speichern

Um ein Bild zuschneiden zu können, laden Sie es hier lokal in den Browser und ziehen einen Rahmen auf. Der gewählte Bildausschnitt erscheint sofort darunter und lässt sich als Datei speichern. Sie können ein Foto zuschneiden für Profilbilder, Vorschaubilder oder Beiträge; im Englischen heißt das auch Bild croppen.

Feste Verhältnisse helfen, Vorgaben einzuhalten: Wählen Sie 1:1, um ein Bild quadratisch zuschneiden zu lassen, etwa für Profilbilder. Das Seitenverhältnis 16:9 passt zu Videos, Präsentationen und vielen Header-Bildern, 9:16 zu Stories, 4:5 zu hochformatigen Beiträgen. Die Felder für Position und Größe zeigen echte Pixel des Originals und lassen sich auch direkt eintippen. Wenn das Ergebnis danach kleiner werden soll, nutzen Sie Bildgröße ändern.

Das Zuschneiden selbst verliert keine Qualität, solange Sie PNG wählen oder das Original bereits PNG ist; JPG und WebP werden mit der eingestellten Qualität neu kodiert. Metadaten wie EXIF und GPS werden dabei entfernt. Die Bilder werden nur in Ihrem Browser über ein Canvas verarbeitet und als Download angeboten. Es wird nichts hochgeladen, auch nicht zur Umwandlung auf einen Server.

Anleitung: Bild zuschneiden in 4 Schritten

  1. Unter „Bild wählen“ eine JPG-, PNG-, WebP-, GIF- oder SVG-Datei öffnen.
  2. Das Seitenverhältnis wählen, etwa 1:1, 16:9 oder 4:5, oder „Frei“ lassen.
  3. Den Rahmen ziehen oder Links, Oben, Breite und Höhe in Pixeln eintippen; „Zentrieren“ und „Ganzes Bild“ helfen beim Ausrichten.
  4. Format und Qualität wählen und den Zuschnitt herunterladen.

Typische Anwendungsfälle

  • Profilbild: Ein Foto quadratisch zuschneiden und das Gesicht mittig platzieren.
  • Header und Folien: Einen Bildausschnitt im Seitenverhältnis 16:9 für Website oder Präsentation erstellen.
  • Social Media: Hochformat 4:5 für Beiträge oder 9:16 für Stories zuschneiden.
  • Screenshots kürzen: Unwichtige Ränder entfernen und das Ergebnis verlustfrei als PNG speichern.
Fragen

Häufige Fragen

Wie kann ich ein Bild quadratisch zuschneiden?

Wählen Sie das Seitenverhältnis 1:1. Der Rahmen bleibt dann quadratisch, Sie verschieben ihn nur noch an die gewünschte Stelle und laden das Ergebnis herunter.

Funktioniert das Zuschneiden auch auf dem Handy?

Ja. Der Rahmen lässt sich mit dem Finger verschieben und an den Ecken vergrößern. Für genaue Werte können Sie die Felder für Position und Größe nutzen.

Verliert das Bild beim Zuschneiden an Qualität?

Der Ausschnitt wird pixelgenau übernommen. Nur beim Speichern als JPG oder WebP wird neu komprimiert; mit PNG oder hoher Qualität bleibt das Ergebnis praktisch gleich.

Welches Seitenverhältnis brauche ich?

16:9 für Videos, Folien und Header, 1:1 für Profilbilder, 4:5 für Hochformat-Beiträge in sozialen Netzwerken, 9:16 für Stories und Reels, 3:2 für klassische Fotoabzüge.

Wird mein Foto hochgeladen?

Nein. Das Bild wird nur im Browser geöffnet und ausgeschnitten.

Wie schneide ich ein Bild auf genau 1920 × 1080 Pixel zu?

Seitenverhältnis 16:9 wählen und Breite 1920 sowie Höhe 1080 eintragen, dann den Rahmen an die gewünschte Stelle schieben. Ist das Original kleiner, schneiden Sie im Verhältnis 16:9 zu und vergrößern danach mit „Bildgröße ändern“.

Werden beim Zuschneiden EXIF- und GPS-Daten entfernt?

Ja. Das Bild wird über ein Canvas neu erzeugt, dabei gehen Metadaten wie Aufnahmeort und Kameradaten verloren. Das ist praktisch, bevor Sie Fotos öffentlich teilen.

Weitere Werkzeuge

Das könnte auch helfen

Alle 358 Werkzeuge

Farbumwandler

HEX, RGB, HSL, HSV, CMYK und OKLCH ineinander umrechnen, mit Farbwähler, Vorschau und Farbtönen.

Öffnen

Farbpalette aus Bild

Die wichtigsten 5 bis 10 Farben eines Bildes als HEX-Codes ermitteln, lokal im Browser.

Öffnen

Kontrast prüfen (WCAG)

Kontrastverhältnis zweier Farben nach WCAG prüfen, AA und AAA, mit Vorschlag für passende Farbtöne.

Öffnen

CSS-Gradient-Generator

Linearen, radialen und konischen Farbverlauf zusammenstellen und den CSS-Code kopieren.

Öffnen

Box-Shadow-Generator

CSS-Schatten mit mehreren Ebenen, inset und Deckkraft einstellen, Vorschau sehen, Code kopieren.

Öffnen

Flexbox-Generator

Flexbox-Eigenschaften per Auswahl setzen, die Wirkung live sehen und das CSS kopieren.

Öffnen