Ueberblick
Dieser Bildzuschneider ist für präzise Ausschnitte gedacht. Gib Koordinaten ein, um ein Produktfoto zu verbessern, einen Diagrammbereich freizustellen oder überflüssige Ränder aus einem Banner zu entfernen, ohne den Ausschnitt zu erraten. Das Werkzeug läuft direkt im Browser, sodass du den Zuschnitt anpassen und die Änderung sofort sehen kannst. Es ist hilfreich, wenn das Endbild in ein festes Layout, in eine Dokumentation oder in einen genau definierten Bereich passen muss. Ob quadratisches Avatarbild, breites Header-Motiv oder enger Screenshot-Ausschnitt: Du behältst die Kontrolle über den sichtbaren Bereich und die endgültige Bildwirkung.
Anwendungsfaelle
- Produktfotos für den Shop bereinigenSchneide unnötigen Hintergrund weg, damit das Produkt im Katalog klarer wirkt.
- Screenshot-Ausschnitt für eine AnleitungBehalte nur den Dialog, die Tabelle oder den Codeblock, den du in einem Leitfaden brauchst.
- Banner auf das Hero-Feld anpassenSchneide eine breite Grafik exakt auf die Fläche zu, die in einer Website- oder Mail-Vorlage vorgesehen ist.
- Porträt auf ein Profilbild zuschneidenWähle Gesicht und Schultern für ein Avatarbild ohne unnötige Leerflächen aus.
So funktioniert es
- 1
Lade ein Bild von deinem Gerät hoch oder füge es ein.
- 2
Setze crop X, crop Y, crop width und crop height.
- 3
Prüfe in der Vorschau die sichtbare Fläche und die Ränder.
- 4
Lade das zugeschnittene Bild herunter, wenn der Rahmen stimmt.
Beispiele
Produktfoto auf Quadrat zuschneiden
Eingabe: cropX=120, cropY=80, cropWidth=900, cropHeight=900 auf einem breiten Produktfoto
Ausgabe: Ein quadratisches Bild mit dem Produkt in der Mitte und entfernten Seitenrändern.
Nützlich, wenn ein Shop oder eine Social-Kachel ein Quadrat verlangt.
Einen Bereich aus einem Dashboard freistellen
Eingabe: cropX=40, cropY=210, cropWidth=1280, cropHeight=620 auf einem vollständigen Screenshot
Ausgabe: Nur der Diagrammbereich bleibt erhalten, ohne Navigation und Fußzeile.
Hilft, einen einzelnen visuellen Abschnitt aus einer größeren Oberfläche zu isolieren.
Breites Banner zu einer Hero-Leiste schneiden
Eingabe: cropX=0, cropY=140, cropWidth=1920, cropHeight=520 auf einem Banner-Layout
Ausgabe: Ein schmaleres Banner, das die Hauptüberschrift und das Motiv beibehält.
Praktisch, wenn das Motiv für Webseite oder E-Mail enger zugeschnitten werden muss.
FAQ
Was bedeuten crop X und crop Y?
Das ist der Startpunkt des Zuschneiderahmens, gemessen von der linken oberen Ecke des Bildes. X verschiebt den Rahmen waagerecht, Y senkrecht.
Was passiert, wenn der Zuschnitt über das Bild hinausgeht?
Ein Zuschnitt kann keine Pixel enthalten, die nicht vorhanden sind. Breite und Höhe müssen innerhalb der Bildgrenzen liegen, sonst wird das Ergebnis abgeschnitten oder abgelehnt.
Warum weicht mein Zuschnitt von der Vorschau ab?
Das passiert oft bei gedrehten Bildern, unerwarteter Skalierung oder wenn Koordinaten aus einer Datei mit anderer Größe übernommen wurden. Prüfe zuerst die Originalmaße.
Kann ich beim Zuschneiden das Seitenverhältnis beibehalten?
Der Zuschnitt selbst definiert ein neues Format. Das Ergebnis hängt daher von Breite und Höhe ab. Für ein festes Verhältnis musst du die Koordinaten entsprechend wählen.
Warum brauchen Screenshots andere Koordinaten als Fotos?
Screenshots haben harte Kanten, Interface-Elemente und ein pixelgenaues Layout, deshalb sind exakte Werte wichtiger als bei normalen Fotos.