Bilder online mit festem Seitenverhältnis zuschneiden
Quadratische Social-Posts, 16:9-Header und Passfoto-Zuschnitte — lokal verarbeitet, damit Porträts und UI-Aufnahmen keine Fremdserver erreichen.
Weitere Utilities, die gut zu dieser Anleitung passen:
Warum das wichtig ist
Produktdesigner screenshotten Vollbild-Mocks, App-Store-Richtlinien verlangen aber enge Zuschnitte um UI-Chrome. HR sammelt Mitarbeiterfotos mit uneinheitlichem Kopfabstand — Verzeichnis-Thumbnails sollen einheitlich 1:1 sein. Fotografen liefern Panoramen, Editorial will vertikale Reels. Zuschneiden klingt trivial — bis Dutzende Assets dieselben Sicherheitsränder brauchen. Im Browser arbeiten hält unveröffentlichte UIs fern von zufälligen SaaS-Upload-Buckets.
Drei echte Szenarien
4:5- oder 9:16-Overlay fixieren, bevor Stills aus Ultraweit-Mastern exportiert werden.
Kein störendes Letterboxing
Auf die getestete Komponente zuschneiden und genug Kontext für QA-Reproduktion behalten.
Sauberere Tickets
Gleiche Top-Crop-Regeln, damit SKUs auf Kategorieseiten optisch fluchten.
Einheitliches Raster
Schritt für Schritt
Öffnen Sie Bild zuschneiden.
Bild hochladen
Gängige Rasterformate — vor destructivem Crop möglichst hochauflösende Quellen nutzen.
Seitenverhältnis oder frei wählen
Presets (1:1, 4:5, 16:9) oder Handles für eigene Rechtecke.
Fokuspunkt verschieben
Gesichter oder CTAs in sicheren Zonen halten — besonders bei später kreisförmigen Masken.
Zoom-Stufen prüfen
Feine Details (Textränder) nach Crop-zu-Export-Pipeline noch scharf?
Herunterladen
PNG bei Transparenz-Bedarf; JPEG/WebP wenn nur Fotos ohne Alpha reichen.
Profi-Tipps
- Mit Konverter kombinieren, wenn das CDN direkt WebP-Slices nach dem Crop will — siehe Bildkonverter.
- Später wasserzeichnen, wenn beschnittene Previews extern zirkulieren — Bild-Wasserzeichen.
- Batch gedanklich: Crop-Logik einmal definieren (zentriert vs. Drittelregel) und auf Geschwister-SKUs übertragen für visuellen Rhythmus.
Typische Stolpersteine
Stolperstein
Destructive Crops
Archiv-Master unangetastet lassen — vor irreversiblen Zuschnitten duplizieren.
Stolperstein
Retina-Skalierungsüberraschungen
@3x-Screenshots ohne Resize können riesige Uploads ergeben — Zielmaße mit Kompressionspass koppeln.
Stolperstein
Nicht-quadratische Safe Zones
Runde Avatare schneiden Ecken ab — in quadratischen Crops Innenabstand lassen, wenn die Pipeline automatisch Kreise maskiert.
Wann dieses Tool nicht passt
- Nicht-destruktive RAW-Workflows: Lightroom/Capture One bewahren den vollen Sensor besser.
- Smarte Objekterkennung: ML-Segmentierung schlägt manuelle Kästen bei Haar-Kanten.
- Vektor-Crops: SVG-
viewBoxim Design-Tool bearbeiten.
FAQ
Sind Crops pixelgenau?
Exporte folgen ganzzahliger Pixelrundung — ungerade Breiten bei Icons prüfen, wenn native Apps Subpixel-Grids erwarten.
Rotiert EXIF automatisch?
Moderne Browser respektieren Orientierungs-Tags — Export-Orientierung trotzdem prüfen vor strikten CMS-Uploads.
Kann ich animierte GIFs zuschneiden?
Raster-Animation kann zu Standbildern kollabieren — Bewegungsbedarf vor rein browserbasierter Pipeline klären.
Nächste Schritte
- Exportierte Crops mit dem Bildkompressor verkleinern.
- Sequenzielle Crops mit Bild zu PDF zu Brief-PDFs zusammenführen.
- Standort-Metadaten mit dem EXIF-Editor entfernen.