Batch Image Crop logo
Kauf mir einen Kaffee

Ziehen Sie ein oder mehrere Bilder hierher, oder durchsuchen

Unterstützt JPG, PNG, WebP, GIF, AVIF, HEIC

Die gesamte Bildverarbeitung erfolgt lokal in Ihrem Browser. Ihre Bilder verlassen niemals Ihr Gerät.

Form-Zuschnitt – Bilder stapelweise in Kreise und individuelle Formen zuschneiden

Form-Zuschnitt—und besonders der Kreiszuschnitt—maskiert einen Stapel Bilder zu Kreisen, abgerundeten Rechtecken oder Rechtecken, mit transparenter PNG-Ausgabe außerhalb der Form. Ideal für Avatare, Teamraster und UI-Akzente, alles lokal im Browser.

Kurzantwort

Kreiszuschnitt / Form-Zuschnitt schneidet jedes Bild auf eine gewählte Maske zu (meist ein 1:1-Kreis) und exportiert PNG-Dateien mit Transparenz außerhalb der Form—so bauen Sie passende Avatare oder abgerundete Assets im Stapel, ohne Fotos auf einen Server hochzuladen.

Von Batch Image Crop Team · Zuletzt aktualisiert: 2026-08-12

Was ist Form-Zuschnitt / Kreiszuschnitt?

Form-Zuschnitt ist ein Stapelmodus, der eine geometrische Maske anwendet—Kreis, abgerundetes Rechteck oder Rechteck—und nur die Pixel innerhalb dieses Pfads behält. Kreiszuschnitt ist die häufigste Variante: eine 1:1-Kreismaske für Profilfotos, Verzeichnis-Porträts und runde Designelemente.

Im Gegensatz zum reinen rechteckigen Pixelzuschnitt geht es beim Form-Zuschnitt um die Silhouette. Außerhalb der Maske wird transparent, wenn Sie PNG exportieren—so sitzen runde Avatare sauber auf farbigen oder fotografischen Hintergründen.

So schneiden Sie Bilder in Kreise und Formen

  1. Bilder hochladen - Fügen Sie die Porträts oder Grafiken hinzu, die Sie im Stapel maskieren wollen.
  2. Form wählen - Wählen Sie Kreis, abgerundetes Rechteck oder Rechteck; bei Kreisen ein 1:1-Verhältnis beibehalten.
  3. Vorschau und Positionieren - Gesichter oder Logos in der Maske zentrieren und bei Bedarf den Eckenradius anpassen.
  4. Als PNG herunterladen - Stapel verarbeiten und Ergebnisse mit transparentem Hintergrund in einer ZIP laden.

Kreiszuschnitt (Am beliebtesten)

Kreiszuschnitt ist die Standardwahl für Profilbilder, Avatare und runde UI-Elemente. Er nutzt einen 1:1-Rahmen, damit die Maske ein echter Kreis bleibt, und der Stapelexport hält jedes Porträt auf derselben kreisförmigen Fläche mit PNG-Transparenz außerhalb des Rands.

Kreis

1:1-Kreismaske für Avatare, Testimonials und runde Sticker. Transparent außerhalb des Kreises.

Abgerundetes Rechteck

Einstellbarer Eckenradius für App-Icons, Karten und weichkantige Thumbnails.

Rechteck

Klassischer Rechteckzuschnitt mit optionalen festen Seitenverhältnissen, wenn keine Kurvenmaske nötig ist.

Seitenverhältnis-Optionen

1:1 für perfekte Kreise; 4:3, 16:9, 9:16 und weitere Verhältnisse für nicht-kreisförmige Formen.

Form Am besten für Export-Hinweis
Kreis (1:1) Profilfotos, Teamverzeichnisse, runde Badges PNG hält den Außenbereich transparent
Abgerundetes Rechteck App-Icons, Feature-Karten, weiche Thumbnails Eckenradius vor dem Export einstellbar
Rechteck Standardrahmen mit festem Verhältnis Wenn Sie eine harte Box brauchen, keine Kurve

Wann Form-Zuschnitt das richtige Tool ist

Profil- und Avatar-Sets

Ein ganzes Team oder eine Klasse als passende Kreise liefern, statt Porträts einzeln zuzuschneiden.

Testimonial- und About-Seiten

Runde Porträts wirken neben Zitaten und Bios klar, wenn jedes Foto dieselbe Maske teilt.

App-Icons und UI-Akzente

Abgerundete Rechtecke mit kontrolliertem Radius passen zu modernen Icon-Rastern und Karten.

Design- und Präsentations-Assets

Geformte PNGs auf Folien oder Poster legen, ohne weiße Box um das Motiv.

Marken-Sticker- und Badge-Stapel

Eine kreisförmige oder abgerundete Maske über eine Produktlinie wiederholen.

Private lokale Verarbeitung

Porträtstapel müssen das Gerät nicht verlassen. Maskierung läuft im Browser vor dem ZIP-Download.

Form-Zuschnitt vs. Pixel-Zuschnitt vs. andere Modi

Wählen Sie Form-Zuschnitt, wenn die Silhouette zählt; einen anderen Modus, wenn Sie nur eine Rechteckgröße oder ein Plattform-Preset brauchen.

Modus Am besten wenn Achtung
Form- / Kreiszuschnitt Sie brauchen kreisförmige oder abgerundete Masken mit Transparenz Viele Social-Feeds wollen weiterhin rechteckige Uploads
Pixel-Zuschnitt Sie brauchen eine exakte rechteckige Breite × Höhe Keine Kreismaske und kein transparenter Außenbereich
Prozent-Zuschnitt Sie brauchen nur proportionale Randbeschnitte Erzeugt keine geformten Silhouetten
Social-Media-Zuschnitt Sie brauchen Instagram-, YouTube-, LinkedIn- und andere Presets Presets sind rechteckige Plattform-Canvas
Manueller Zuschnitt Motive brauchen freies rechteckiges Framing je Bild Langsamer, wenn jede Datei dieselbe Kreismaske teilen soll

Warum dieser Batch-Form-Zuschneider hilft

  • Echte Kreismasken bei 1:1 - Batch-Kreiszuschnitt hält Avatare rund und konsistent über den Satz.
  • Transparenter PNG-Export - Pixel außerhalb der Form bleiben klar für Design und Web.
  • Kontrolle über abgerundete Ecken - Eckenradius für Icons und Karten einstellen statt einer Einheitskurve.
  • Batch-ZIP-Download - Dutzende Porträts in einem Durchgang maskieren statt Desktop-Aktionen zu wiederholen.
  • Browser-basierte Privatsphäre - Bilder bleiben lokal; kein Konto und kein Server-Upload nötig.
  • Verhältnisse über Quadrat hinaus - Feste Verhältnisse auf abgerundeten oder rechteckigen Formen, wenn das Layout es braucht.

Was Sie vor dem Export prüfen sollten

1:1 für Kreise

Nicht-quadratische Rahmen verzerren die Idee eines „Kreises“. Kreiszuschnitt bei 1:1 halten.

Gesichts- und Logo-Freiraum

Kreismasken schneiden Ecken hart ab. Kinn, Haar und Logo-Ränder vor dem Stapel prüfen.

PNG vs. JPG-Ziel

Transparenz braucht PNG (oder ein anderes Alpha-Format). JPG füllt den Außenbereich opak.

Plattform-Upload-Regeln

Manche Netzwerke schneiden Uploads wieder rechteckig. Form-Zuschnitt für Sites, die transparente Kreise respektieren.

FAQ zum Form-Zuschnitt

Was ist Kreiszuschnitt / Form-Zuschnitt?

Form-Zuschnitt wendet eine geometrische Maske—meist einen Kreis—auf jedes Bild an. Kreiszuschnitt meint in der Regel eine 1:1-Kreismaske mit transparenten Pixeln außerhalb des Rands im PNG-Export.

Haben zugeschnittene Kreise transparente Hintergründe?

Ja. Außerhalb eines Kreises oder abgerundeten Rechtecks bleibt Transparenz erhalten, wenn Sie PNG speichern—die Form lässt sich sauber auf andere Hintergründe legen.

Kann ich viele Profilfotos stapelweise kreisförmig zuschneiden?

Ja. Kreiszuschnitt ist für Stapel gebaut: eine 1:1-Kreismaske, Framing vorschauen, dann ein ZIP passender Avatare.

Kann ich den Eckenradius beim abgerundeten Rechteck steuern?

Ja. Bei „Abgerundet“ lässt ein Radius-Regler von leichter Rundung bis nahezu Pill- oder Kreisform steuern.

Worin unterscheidet sich Form- vom Pixel-Zuschnitt?

Pixel-Zuschnitt liefert eine rechteckige Bitmap in exakter Breite × Höhe. Form-Zuschnitt ändert die sichtbare Silhouette und wird gewählt, wenn Sie Kreise oder abgerundete Masken brauchen, nicht nur eine Größenbox.

Lädt der Form-Zuschnitt meine Fotos auf einen Server hoch?

Nein. Die Maskierung läuft in Ihrem Browser. Bilder bleiben auf Ihrem Gerät, es sei denn, Sie laden das ZIP selbst herunter.

Autoritative Quellen

Formmaskierung im Browser folgt dem Canvas-Clipping-Pfad und exportiert dann eine Bild-Data-URL (standardmäßig PNG), damit Alpha außerhalb der Maske erhalten bleiben kann. Die Referenzen unten dokumentieren diese APIs.

Zitierte offizielle Formulierung

Laut MDN macht CanvasRenderingContext2D.clip() den aktuellen Pfad zur Clipping-Region, sodass nur Zeichnungen innerhalb dieses Pfads sichtbar bleiben—und HTMLCanvasElement.toDataURL() liefert eine Data-URL der Canvas, standardmäßig image/png, was transparente Bereiche außerhalb eines kreisförmigen Clips exportierbar macht.

Quelle: MDN — CanvasRenderingContext2D.clip()

  1. MDN Web Docs

    CanvasRenderingContext2D.clip()

    Verwendet für: Canvas-Clipping-Pfad-Modell für kreisförmige und benutzerdefinierte Formmasken

    https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/clip

  2. MDN Web Docs

    HTMLCanvasElement.toDataURL()

    Verwendet für: PNG-Data-URL-Export, der Transparenz außerhalb der Form erhalten kann

    https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL

Diese Seite hilft beim kreisförmigen und geformten Stapelzuschnitt im Browser. Maskenfreiraum immer vorschauen und zu Pixel- oder Social-Zuschnitt wechseln, wenn das Ziel ein plaines rechteckiges Größen-Preset braucht.

Form-Zuschnitt ist Teil des vollständigen Batch Image Crop Toolkits. Je nach Workflow können Sie auch die anderen Zuschneidemodi unten wählen.

Andere Zuschneidemodi

Manueller Zuschnitt

Ziehen und ändern Sie den Zuschneidebereich frei auf jedem Bild.

Prozent-Zuschnitt

Prozentual zuschneiden, um einen Anteil von den Rändern zu entfernen.

Pixel-Zuschnitt

Auf exakte Pixelmaße wie 800×600 oder 1920×1080 zuschneiden.

Social-Media-Zuschnitt

Voreingestellte Maße für Instagram, Facebook, TikTok, YouTube und mehr.

Ausweisfoto-Zuschnitt

Pass-, Visa- und Ausweisfotos mit Dokumentgrößen-Presets vorbereiten.

Sprache:
🇺🇸 English 🇰🇷 한국어 🇯🇵 日本語 🇨🇳 简体中文 🇪🇸 Español 🇵🇹 Português 🇫🇷 Français 🇩🇪 Deutsch 🇹🇼 繁體中文