Image Cropper

Image Cropper

Per Drag zuschneiden, in Standard-Seitenverhältnisse einrasten (1:1, 4:5, 16:9, 9:16, …), drehen und spiegeln, als PNG / JPG / WebP exportieren. Alles in deinem Browser — kein Upload, keine Anmeldung.

Instagram quadratischer Post: 1:1. Instagram Hochformat-Post: 4:5. Instagram / Facebook / TikTok / YouTube Stories: 9:16. YouTube-Video-Thumbnail: 16:9 (mindestens 1280×720). X (Twitter) Post-Bild: 16:9 oder 1:1. LinkedIn-Post: 1.91:1 (nahe an 16:9). DSLR- / Handy-Kamera-Foto: 3:2. Klassisches 35 mm oder ältere Digitalfotos: 4:3.

Ja. Das Bildschirm-canvas wird zur Anzeige verkleinert, aber die Zuschnittberechnungen laufen im Quell-Koordinatenraum (Originalpixel). Wenn du auf Herunterladen klickst, wird das Export-canvas exakt auf die zugeschnittenen Pixelmaße der Quelle dimensioniert — kein Qualitätsverlust durch Bildschirmskalierung. Eine Quelle mit 4000×3000, zugeschnitten auf 1000×1000 Quadrat, wird als 1000×1000-Bild in voller Qualität exportiert.

Bild hier ablegen, aus der Zwischenablage einfügen oder

Gebaut für echte Workflows

Jede Größe, die du wirklich brauchst, jede Transformation, die du wirklich verwendest — kein Photoshop nötig.

Drag-to-Crop mit 8 Anfassern

Ziehe einen der 8 Eck- / Kantenanfasser, um den Zuschnittrahmen zu skalieren, oder ziehe den Rahmen selbst, um ihn neu zu positionieren. Ein Drittelraster-Overlay hilft bei der Komposition.

Seitenverhältnis-Presets

Einrasten auf 1:1 (Quadrat / IG / Profil), 4:5 (IG-Hochformat), 9:16 (Stories / Reels / TikTok), 16:9 (YouTube), 3:2 / 2:3 (DSLR), 4:3 (klassisch) oder freiform. Eckanfasser bewahren das gesperrte Verhältnis beim Skalieren.

Drehen + spiegeln

90° nach links / rechts drehen und horizontal / vertikal spiegeln mit einem Klick. Transformationen werden vor dem Zuschnitt angewendet, sodass der gezeichnete Rahmen exakt bleibt.

Formatkonvertierung beim Export

Speichern als PNG (verlustfrei), JPG (mit Qualitätsregler 50–100%), WebP (beste Kompression, ~30% kleiner als JPG bei gleicher visueller Qualität) oder Eingabeformat beibehalten.

Datenschutz by Design

Jedes Byte bleibt auf deinem Gerät. Das Bild wird im Browser dekodiert, auf einem canvas zugeschnitten und mit canvas.toBlob exportiert. Öffne DevTools → Network und du siehst null ausgehende Anfragen.

Klein + schnell

Reines JavaScript, keine Framework-Runtime. Cold Load ist unter 25 KB gzip. Ein Bild mit 4000 × 3000 Pixeln zuschneiden und exportieren dauert unter 200 ms.

So schneidest du ein Bild zu

Vier Schritte vom Ablegen bis zum Download.

  1. 1

    Bild laden

    Ziehe eine beliebige Bilddatei (JPG, PNG, WebP, AVIF, GIF, BMP) auf die Drop-Zone, klicke auf Datei auswählen oder füge einfach aus der Zwischenablage mit Ctrl/Cmd+V ein. Das Bild wird lokal in deinem Browser dekodiert — nichts wird hochgeladen.

  2. 2

    Seitenverhältnis wählen (oder frei bleiben)

    Wähle ein Preset, das zu deinem Verwendungszweck passt — 1:1 für Instagram-Quadrat, 4:5 für IG-Hochformat, 9:16 für Stories / Reels / TikTok, 16:9 für YouTube, 3:2 für ein DSLR-förmiges Foto. Oder bleibe auf „Frei“ für jedes beliebige Verhältnis.

  3. 3

    Per Drag verfeinern

    Ziehe die 8 Eck- / Kantenanfasser, um den Zuschnittrahmen zu skalieren, oder ziehe den Rahmen selbst, um ihn neu zu positionieren. Das Drittelraster-Overlay hilft dir bei der Komposition. Mit gesperrtem Seitenverhältnis bewahren Eckanfasser das Verhältnis automatisch. Verwende Drehen / Spiegeln, wenn die Quelle auf dem Kopf steht oder gespiegelt ist.

  4. 4

    Exportieren

    Wähle das Ausgabeformat — Eingabeformat behalten oder konvertieren in PNG (verlustfrei), JPG (Qualitätsregler 50–100%) oder WebP (kleiner als JPG bei gleicher visueller Qualität). Klicke auf Herunterladen und die Datei wird in voller Quellauflösung gespeichert — kein Qualitätsverlust durch die Bildschirmvorschau.

Gebaut für Designer, Social-Media-Manager und Eltern mit Handy-Fotos

Vier häufige Szenarien, in denen ein datenschutzorientierter Browser-Cropper besser ist als Photoshop zu öffnen.

Größenanpassung für Social-Media-Posts

Hast du ein horizontales Handy-Foto und brauchst einen 1:1-Instagram-Post? Auf 1:1 einrasten, ziehen, um das Motiv zu zentrieren, herunterladen. Die Presets 4:5 Hochformat, 9:16 Stories und 16:9 YouTube decken den Rest ab.

Profilbild zuschneiden

Die meisten Plattformen erzwingen 1:1. Auf Quadrat einrasten, das Gesicht des Motivs im oberen Drittel positionieren (besser als mittig), herunterladen. Das Ergebnis passt für LinkedIn, Twitter / X, GitHub, Slack, Discord und Firmen-Intranets.

Produktfoto-Bereinigung

E-Commerce-Plattformen wollen einheitliche Verhältnisse — Shopify, Etsy, Amazon, Shopee bevorzugen alle 1:1 oder 4:5. Schneide eine Reihe von Handy-Aufnahmen auf das von der Plattform geforderte Verhältnis zu, mit dem Drittelraster für konsistente Komposition.

Handy-Screenshot trimmen

Handy-Screenshots enthalten Statusleisten, Navigationsrahmen und App-Überlauf. Lege den Screenshot ab, ziehe den Zuschnittrahmen so, dass nur der Inhalt bleibt, lade als PNG (verlustfrei) herunter für gestochen scharfe UI-Screenshots ohne Neukompressionsartefakte.

100% privat — läuft in deinem Browser

Fotos und Screenshots verlassen niemals dein Gerät. Öffne DevTools → Network und du siehst null ausgehende Anfragen während Zuschnitt, Transformation oder Download.

  • Bilddekodierung, canvas-Rendering, Drehen / Spiegeln und PNG- / JPG- / WebP-Kodierung laufen alle als JavaScript auf deinem Rechner.
  • EXIF-Metadaten werden bei der Neukodierung entfernt (auch ein Datenschutz-Feature — der GPS-Standort deines Fotos überlebt den Export nicht).
  • Kein Login, keine Telemetrie zu Bildinhalten, keine Drittanbieter-Bild-API. Wir verwenden nur ein cookie für den cookie-Zustimmungsstatus und eines für die Sprachpräferenz.

Verwandte Anleitungen

Handverlesene Lektüre zu Social-Media-Größen, Fotokomposition und Bildprivatsphäre.

Häufig gefragt

Welches Seitenverhältnis sollte ich für [Plattform] verwenden?

Instagram quadratischer Post: 1:1. Instagram Hochformat-Post: 4:5. Instagram / Facebook / TikTok / YouTube Stories: 9:16. YouTube-Video-Thumbnail: 16:9 (mindestens 1280×720). X (Twitter) Post-Bild: 16:9 oder 1:1. LinkedIn-Post: 1.91:1 (nahe an 16:9). DSLR- / Handy-Kamera-Foto: 3:2. Klassisches 35 mm oder ältere Digitalfotos: 4:3.

Hat die Ausgabe dieselbe Auflösung wie die Quelle?

Ja. Das Bildschirm-canvas wird zur Anzeige verkleinert, aber die Zuschnittberechnungen laufen im Quell-Koordinatenraum (Originalpixel). Wenn du auf Herunterladen klickst, wird das Export-canvas exakt auf die zugeschnittenen Pixelmaße der Quelle dimensioniert — kein Qualitätsverlust durch Bildschirmskalierung. Eine Quelle mit 4000×3000, zugeschnitten auf 1000×1000 Quadrat, wird als 1000×1000-Bild in voller Qualität exportiert.

Warum erscheinen meine Handy-Fotos manchmal seitlich?

Handy-Kameras betten ein EXIF-Orientierungs-Tag ein, anstatt die tatsächlichen Pixel zu drehen. Manche Browser (einschließlich älterer Safari) wenden dies automatisch an, andere nicht. Wenn dein Bild seitlich aussieht, klicke auf den Drehen-Button — der Cropper verwendet die korrekt ausgerichtete Version für Zuschnitt und Export.

Wird beim Zuschneiden eines JPG neu kodiert und Qualität verloren?

Ja. JPG ist ein verlustbehaftetes Format, daher beinhaltet jedes Speichern über canvas.toBlob('image/jpeg') eine Neukodierung. Standardmäßig verwenden wir Qualität 92% (für die meisten Fotos visuell nicht von der Quelle zu unterscheiden). Wenn du perfekte Bit-für-Bit-Treue brauchst, wähle PNG als Ausgabeformat (verlustfrei) oder WebP für ~30% kleinere Dateien bei gleicher visueller Qualität.

Wird etwas an euren Server gesendet?

Nein. Die Datei wird mit FileReader gelesen, in ein Browser-Image dekodiert, auf einem canvas gezeichnet und mit canvas.toBlob exportiert. Jeder Schritt passiert in JavaScript auf deinem Gerät. Öffne DevTools → Network und du siehst null ausgehende Anfragen während Zuschnitt oder Download. Wir verwenden ein cookie für den cookie-Zustimmungsstatus und eines für die Sprachpräferenz, das war's.