Bilder hier ablegen oder durchsuchen
Unterstützt JPG, PNG, WebP, GIF, AVIF, HEIC
Der Pixel-Zuschnitt bringt jedes Bild in einem Stapel auf eine feste Breite × Höhe in Pixeln. Nutzen Sie ihn, wenn Websites, Apps, Designsysteme oder Drucklayouts identische Ausgabegrößen verlangen – die Verarbeitung bleibt im Browser, ohne Uploads.
Der Pixel-Zuschnitt gibt jedes ausgewählte Bild in der exakten Breite und Höhe aus, die Sie eingeben (z. B. 1200×800), sodass ein ganzer Ordner eine gemeinsame Canvas-Größe für UI-Assets, Thumbnails oder Layout-Slots teilt.
Von Batch Image Crop Team · Zuletzt aktualisiert: 2026-08-12
Der Pixel-Zuschnitt ist eine Stapelmethode, die absolute Pixelmaße statt Proportionen anstrebt. Sie setzen Breite und Höhe einmal; jede Datei wird auf diesen Rahmen zugeschnitten (mit Vorschau-Positionierung) und gemeinsam als ZIP exportiert.
Er unterscheidet sich vom Prozent-Zuschnitt, der einen relativen Anteil jeder Quelle entfernt. Der Pixel-Zuschnitt ist der Modus, wenn das Ziel eine bekannte Bitmap-Größe braucht – dieselbe Pixelbreite und -höhe bei jedem Ergebnis.
Diese Startwerte decken typische Stapeljobs ab. Prüfen Sie CMS-, Theme- oder Druckvorgaben, bevor Sie die Zahlen festlegen.
| Anwendungsfall | Typische Größe | Warum es funktioniert |
|---|---|---|
| Web- / Hero-Banner | 1920×600, 1200×400 | Passt zu breiten Header-Slots ohne Restfläche |
| Quadratische Avatare & Kacheln | 400×400, 800×800 | Einheitliche Quadrate für Raster, Verzeichnisse und Profilplätze |
| Thumbnails & Karten | 300×300, 640×360 | Kompakte Vorschauen, die schnell laden und in Listen ausrichten |
| HD-Anzeige / Videostills | 1920×1080 | Standard-Full-HD-Rahmen für Folien, Embeds und Mockups |
| High-Res / QHD-Assets | 2560×1440, 3840×2160 | Retina- und 4K-fähige Zuschnitte, wenn Quellen groß genug sind |
Themes und Page-Builder lehnen oft Bilder ab oder verzerren sie, die die geforderte Breite × Höhe verfehlen. Eine Pixeleinstellung standardisiert den ganzen Ordner.
Designsysteme erwarten feste Bitmap-Größen für Buttons, Kacheln und Listen-Thumbnails. Batch-Pixel-Zuschnitt hält jeden Export spezifikationskonform.
Produktgitter wirken ungleichmäßig, wenn jedes Foto eine andere Pixelgröße hat. Eine Canvas-Größe sperren, damit Karten ausrichten.
Wenn ein Layout-Slot in Pixeln (oder pixeläquivalentem Export) definiert ist, vermeidet absoluter Zuschnitt Überraschungen beim letzten Resize.
Downstream-Skripte, die 1200×800 (o. ä.) annehmen, scheitern an gemischten Größen. Pixel-Zuschnitt macht den Stapel maschinenfreundlich.
Sensible Produkt- oder Portraitdateien müssen das Gerät nicht verlassen. Der Zuschnitt läuft im Browser; Sie laden nur das ZIP herunter, das Sie behalten wollen.
Wählen Sie den Modus, der dazu passt, ob Sie eine feste Canvas, einen proportionalen Beschnitt oder ein Plattform-/Form-Preset brauchen.
| Modus | Am besten wenn | Achtung |
|---|---|---|
| Pixel-Zuschnitt | Jede Datei muss dieselbe exakte Breite × Höhe teilen | Quellen kleiner als das Ziel können fehlende Pixel nicht erfinden |
| Prozent-Zuschnitt | Gemischte Größen brauchen denselben proportionalen Randbeschnitt | Finale Pixelmaße unterscheiden sich weiterhin nach Quellgröße |
| Manueller Zuschnitt | Motive sitzen unterschiedlich und brauchen Einzelframing | Langsamer, wenn nur eine gemeinsame Pixelbox nötig ist |
| Social-Media-Zuschnitt | Sie wollen Instagram-, YouTube-, LinkedIn- und andere Presets | Individuelle CMS-Maße passen oft nicht zu Plattform-Presets |
| Form-Zuschnitt | Sie brauchen Kreise oder abgerundete Masken mit Transparenz | Formmasken ersetzen keinen einfachen rechteckigen Pixelrahmen |
Stellen Sie sicher, dass jedes Original mindestens so breit und hoch wie der Zuschnittrahmen ist. Hochskalieren ersetzt keine größere Quelle.
Ein fester Rahmen kann hohe Produkte oder außermittige Gesichter abschneiden. Vorschau von Ausreißern und Rahmen vor dem Stapel verschieben.
Braucht Ihr Layout 16:9, geben Sie aber ein Quadrat ein, wird Inhalt anders als erwartet geschnitten. Das echte Zielverhältnis in Pixeln eingeben.
Für Instagram-, YouTube- oder LinkedIn-Presets ist Social-Media-Zuschnitt schneller. Beim Pixel-Zuschnitt bleiben, wenn die Größe eine individuelle CMS- oder App-Vorgabe ist.
Der Pixel-Zuschnitt bringt jedes Bild auf eine exakte Breite und Höhe in Pixeln. Zum Beispiel erzeugt 1200×800 Ausgaben, die 1200 Pixel breit und 800 Pixel hoch sind.
Ja – wenn die Quelle groß genug ist, entspricht jede zugeschnittene Datei der eingegebenen Breite und Höhe. Das ist der Hauptgrund, Pixel- statt Prozent-Zuschnitt zu wählen.
Fehlende Pixel lassen sich ohne Hochskalierung nicht ehrlich erzeugen. Ziel bei oder unter den Quellmaßen halten, oder von höher auflösenden Originalen starten.
Prozent-Zuschnitt entfernt einen proportionalen Anteil jeder Datei, sodass Ausgabegrößen mit der Quelle variieren. Pixel-Zuschnitt erzwingt eine feste Canvas-Größe, wenn Sie identische Maße brauchen.
Ja. Maße einmal setzen, Framing vorschauen, dann den ganzen Satz verarbeiten und ein einziges ZIP der Ergebnisse herunterladen.
Nein. Die Verarbeitung läuft in Ihrem Browser. Bilder bleiben auf Ihrem Gerät, es sei denn, Sie laden das ZIP-Ergebnis selbst herunter.
Exakter Zuschnitt im Browser folgt dem Canvas-Bitmap-Modell: Sie definieren eine Zielbreite in Pixeln und zeichnen ein Quellrechteck in diesen Koordinatenraum. Die Referenzen unten dokumentieren diese APIs.
Zitierte offizielle Formulierung
Laut MDN steuert die Eigenschaft HTMLCanvasElement.width die Canvas-Größe und spiegelt die Breite der Bitmap (Zeichenpuffer / Koordinatenraum) in CSS-Pixeln wider – ein absoluter Pixel-Zuschnitt ist letztlich eine feste Bitmap-Breite, kein Prozentsatz der Quelldatei.
Quelle: MDN — HTMLCanvasElement.width
MDN Web Docs
CanvasRenderingContext2D.drawImage()
Verwendet für: Browser-Canvas-Quellrechteck-Zuschnittmodell clientseitiger Tools
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage
MDN Web Docs
Verwendet für: Absolute Pixel-Bitmap-Breite des Canvas-Koordinatenraums
https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/width
Diese Seite hilft beim exakten Stapelzuschnitt im Browser. Framing immer vorschauen und zu Prozent-, Social- oder manuellem Zuschnitt wechseln, wenn der Job proportionaler Beschnitt, Plattform-Presets oder außermittige Motive ist.
Der Pixel-Zuschnitt ist Teil des vollständigen Batch Image Crop Toolkits. Je nach Workflow können Sie auch die anderen Zuschneidemodi unten wählen.
Ziehen und ändern Sie den Zuschneidebereich frei auf jedem Bild.
Prozentual zuschneiden, um einen Anteil von den Rändern zu entfernen.
Voreingestellte Maße für Instagram, Facebook, TikTok, YouTube und mehr.
Bilder in Kreise, abgerundete Rechtecke oder eigene Formen schneiden.
Pass-, Visa- und Ausweisfotos mit Dokumentgrößen-Presets vorbereiten.
