✂️
Photo & Image/Image Crop & Compress

Image Crop & Compress

Crop images with aspect ratio presets, compress quality, and convert format. Visual crop editor. 100% browser-based.

100% LOCALVisual crop editorAspect ratio presetsQuality compressionFormat conversion
Saved Settings· Auto-save on
▾
Der RechnerPage 1
🖼️
Drop your image here or click to upload
JPG, PNG, WebP, GIF — crop, compress, convert. 100% local.
Data Source & Legal Disclaimer
Effective: 2026
Sources: Browser-side processing (no external API)

This tool runs 100% in your browser. All computation happens locally on your device — your input is never uploaded to any server. Results are for reference only.

See all data sources & update policy →
So funktioniert esPage 2

How image cropping works — illustrated

Cropping discards pixels, it never invents them. A selection rectangle records the source coordinates (x, y, w, h) in the original image's own pixel space, and the crop then calls drawImage to copy exactly that region into a brand-new canvas. Because the source region is re-encoded, the crop also lets you recompress quality, convert format, and downscale in the same pass — which is how the same action both trims the frame and shrinks the file size.

Selection box → region copied to a fresh canvas
SOURCE · 800 × 600 px(x, y)(x+w, y+h)selection in source pixelscopy regionsx sy sw shCROPPED · 400 × 300 pxonly selected pixels survivedrawImage(img, sx, sy, sw, sh, 0, 0, dw, dh) copies only pixels inside the selection

Only pixels inside the selection survive. The crop box is defined in the source image's natural pixel coordinates, so the output is always a true, lossless-in-region copy of that rectangle — quality and format changes happen when it is re-encoded.

Cropping a 4032 × 3024 photo for Instagram

A phone photo is portrait-friendly but oversized; you want a square 1080 × 1080 for a 1:1 feed post.

  1. Lock 1:1 aspect:Dragging is constrained so the crop box width always equals its height
  2. Size the box:Select the largest 1080 × 1080 region that fits inside the photo
  3. Set quality and format:JPEG at 80% with a 1080 px max width keeps the crop web-ready
  4. Crop and export:Only the selected rectangle is copied to a fresh canvas and encoded — the output lands near ~250 KB
FAQ & DetailsPage 3

Crop images with aspect ratio presets (1:1, 16:9, 4:3), compress quality, convert JPG/PNG/WebP. Everything runs locally; nothing is uploaded.

FreeToolHub Image Crop & Compress is a free browser-based tool — crop images with aspect ratio presets (1:1, 16:9, 4:3), compress quality, convert JPG/PNG/WebP. No signup, no upload; everything runs locally in your browser.

Über dieses Tool

Was ist dieses Tool?

Schneiden Sie Bilder mit Seitenverhältnis-Presets (1:1, 16:9, 4:3) zu, komprimieren Sie die Qualität, konvertieren Sie JPG/PNG/WebP. Visueller Drag-to-Crop-Editor. 100 % im Browser.

Visual crop editorAspect ratio presetsQuality compressionFormat conversion

Was ist das Bild Zuschneiden & Komprimieren-Tool?

Das Bild Zuschneiden & Komprimieren-Tool ist ein kostenloser, browserbasierter visueller Editor, der zwei wesentliche Bildoperationen in einem Arbeitsablauf kombiniert. Der Zuschneide-Modus bietet eine Drag-to-Select-Canvas mit Seitenverhältnis-Voreinstellungen (Frei, 1:1, 4:3, 16:9, 3:2, 9:16) für soziale Medien, Vorschaubilder und Druck. Der Komprimierungsmodus ermöglicht die Anpassung der Qualität (10-100%), die Auswahl des Ausgabeformats (JPG, PNG, WebP) und die Festlegung einer maximalen Breite für die Herunterskalierung. Alle Verarbeitungsvorgänge finden lokal mit der HTML5 Canvas API statt — Ihre Bilder verlassen niemals Ihren Browser.

Wer sollte dieses Tool verwenden?

Content-Creator schneiden Bilder auf bestimmte Seitenverhältnisse für Instagram (1:1), YouTube-Vorschaubilder (16:9) und Pinterest (2:3) zu. Blogger komprimieren Bilder, um die Ladezeiten der Seite zu reduzieren, ohne sichtbaren Qualitätsverlust. Web-Entwickler konvertieren zwischen JPG-, PNG- und WebP-Formaten für optimale Browserauslieferung. Schüler und Forscher schneiden Screenshots zu, um bestimmte Bereiche hervorzuheben. Jeder, der schnell Bilder zuschneiden und komprimieren muss, ohne Photoshop zu öffnen oder Software zu installieren.

Wie verwendet man das Bild Zuschneiden & Komprimieren-Tool?

Laden Sie ein Bild, indem Sie es in den Dropzone-Bereich ziehen. Der visuelle Zuschneide-Editor erscheint mit Ihrem Bild und einem abgedunkelten Overlay. Klicken und ziehen Sie auf dem Bild, um den Zuschneidebereich auszuwählen — die Auswahl wird in Echtzeit hervorgehoben. Wählen Sie eine Seitenverhältnis-Voreinstellung, um die Form des Zuschneidens einzuschränken. Passen Sie die Komprimierungsqualität mit dem Schieberegler an, wählen Sie das Ausgabeformat (JPG/PNG/WebP) und legen Sie optional eine maximale Breite fest. Klicken Sie auf Crop & Compress, um zu verarbeiten, und dann auf Vorschau und Herunterladen des Ergebnisses. Alle Verarbeitungsvorgänge sind sofort und lokal.

Häufige Fragen

Welche Seitenverhältnisse werden unterstützt?

Das Tool unterstützt freies Zuschneiden (keine Einschränkung), 1:1 (Quadrat, Instagram), 4:3 (Standard), 16:9 (Breitbild, YouTube), 3:2 (DSLR) und 9:16 (vertikal, Stories/Reels). Wählen Sie eine Voreinstellung vor oder während des Zuschneidens aus, um die Auswahl auf dieses Verhältnis zu fixieren.

Was ist der Unterschied zwischen Zuschneiden und Komprimieren?

Zuschneiden entfernt unerwünschte äußere Bereiche des Bildes, um sich auf einen bestimmten Bereich zu konzentrieren. Komprimieren reduziert die Dateigröße durch Qualitätsminderung und/oder Formatänderung. Dieses Tool kombiniert beides: Sie schneiden zuerst zu, um die richtige Bildkomposition zu erhalten, und komprimieren dann, um die Dateigröße zu optimieren. Die beiden Vorgänge arbeiten zusammen — Zuschneiden reduziert die Abmessungen (weniger Pixel) und Komprimieren reduziert die Qualität (weniger Daten pro Pixel).

Welches Format soll ich wählen?

JPG eignet sich am besten für Fotos mit sanften Verläufen — kleinste Dateigröße bei gegebener Qualität. PNG eignet sich am besten für Grafiken mit scharfen Kanten, Text oder Transparenz — verlustfrei, aber größere Dateien. WebP ist die moderne Alternative — kleiner als JPG bei ähnlicher Qualität, unterstützt von allen modernen Browsern. Für die Web-Nutzung wird WebP empfohlen. Für den Druck verwenden Sie JPG mit 90%+ Qualität.

Auf welches Seitenverhältnis soll ich zuschneiden?

Passen Sie es an das Ziel an: 1:1 für Profilbilder und Instagram-Feed, 4:3 oder 3:2 für Druck und allgemeine Fotografie, 16:9 für Video-Vorschaubilder und Web-Banner, 9:16 für Stories und Shorts. Das Zuschneiden auf das native Seitenverhältnis der Plattform verhindert, dass automatische zentrierte Zuschneidevorgänge später Köpfe abschneiden. Freies Zuschneiden ist für alles andere da — die Voreinstellungen sind Abkürzungen, keine Regeln.

Auf welche JPEG-Qualitätseinstellung soll ich exportieren?

0,8 (80%) ist der Sweet Spot: visuell nicht unterscheidbar von 100% für Fotos, während die Dateigröße nur einen Bruchteil beträgt. Unter etwa 0,6 erscheint Blockbildung in Verläufen und an Textkanten; über 0,9 zahlen Sie echte Kilobyte für Unterschiede, die niemand sehen kann. Für Screenshots mit Text bevorzugen Sie PNG oder WebP - JPEG-Komprimierung ist für kontinuierliche Töne konzipiert und verschmiert scharfe Kanten.

Warum WebP anstelle von JPEG oder PNG exportieren?

WebP ist 25-35% kleiner als JPEG bei äquivalenter visueller Qualität und unterstützt Transparenz, wo JPEG dies nicht kann. Der Kompromiss ist die Kompatibilität: moderne Browser, Handys und WordPress verarbeiten es, während ältere Software und E-Mail-Clients dies möglicherweise nicht tun. Für Web-Uploads ist WebP in der Regel die richtige Wahl; für Dateien, die überall geöffnet werden müssen, bleibt JPEG die Lingua Franca. Das Zuschneide-Tool exportiert alle drei Formate, sodass die Entscheidung einmal beim Speichern getroffen wird.

Wofür ist die maximale Breite-Option?

Sie begrenzt die Exportabmessungen für den häufigen Fall der Vorgrößenanpassung von Web-Bildern: ein 4000px-Kameraphoto, das bei 1200px angezeigt wird, ist 10x so groß bei keinem sichtbaren Gewinn, und das Hochladen im Rohformat verschwendet Bandbreite und lädt zu Plattform-Rekompressionen ein. Setzen Sie die Obergrenze auf die größte Display-Größe, die Sie benötigen (1200-1600px deckt die meisten Web-Anwendungen ab), und größere Quellen werden automatisch herunterskaliert — kleinere Quellen passieren unverändert, werden nie hochskaliert.

Verwandte Tools

Teilen:𝕏inf⬆
Joke of the Day
Oct 22

What do you call a really smart cookie?

Free core, no account

Keep the Free Edition Free

No signups, no data sold. Every tool is free to use — the free tier allows 5 downloads or saves per day, and the optional Pro plan ($7/mo, $59/yr) adds unlimited downloads, batch processing, white-label exports and an ad-free experience.

☕Support me on Ko-fi— support the free tier

100% of proceeds go towards hosting & building more free tools.