Bild rund zuschneiden

Mit diesem Tool Bild rund zuschneiden schneiden Sie ein Foto, Logo oder einen Screenshot in einen perfekten Kreis oder ein einstellbares Oval zu und speichern das Ergebnis als transparentes PNG. Ziehen Sie das Bild innerhalb der runden Maske, um festzulegen, was bleibt, zoomen Sie, bis das Motiv den Rahmen füllt, fügen Sie bei Bedarf einen Ring hinzu und laden Sie einen Avatar herunter, der für ein Profil, eine Teamseite, ein Podcast-Cover oder eine Folienpräsentation bereit ist.

Alles läuft in Ihrem Browser mit dem HTML-Canvas-Element. Das Foto wird lokal dekodiert, lokal maskiert und lokal exportiert, daher wird es nie zu miniwebtool hochgeladen, und es gibt keine Warteschlange, kein Wasserzeichen und kein Upload-Limit außer dem Speicher Ihres eigenen Geräts.

Was Sie damit tun können

Wichtige Funktionen

• Ziehen zum Einrahmen, Scrollen oder Pinch zum Zoomen: die Maske bleibt fest, während das Foto dahinter bewegt wird – dieselbe Interaktion wie in Avatar-Editoren.
• Abgeschnittenen Bereich anzeigen: ein Geist der verworfenen Pixel bleibt in der Vorschau sichtbar, damit Sie erkennen, ob Sie ein Ohr oder eine Schulter abgeschnitten haben.
• Kreis oder Oval: ein Schieberegler Höhe zu Breite macht aus dem Kreis eine Querformat- oder Hochformat-Ellipse, und die Export-Leinwand folgt derselben Form.
• Drehen und spiegeln: 90-Grad-Schritte richten ein seitliches Handyfoto auf, und Spiegeln dreht ein Selfie wieder in die richtige Richtung.
• Ringrahmen und weiche Kante: fügen Sie einen farbigen Ring in Ausgabepixeln hinzu oder weichen Sie den Rand auf, damit der Avatar in einen Hintergrund übergeht.
• Transparentes PNG, WebP oder JPG: lassen Sie die Ecken bei PNG und WebP leer oder füllen Sie sie bei JPG mit einer gewählten Farbe.
• Avatar-Größenvoreinstellungen: ein Klick für die gängigen Profilbildgrößen 320, 400, 512, 640 und 800 Pixel.
• Kopierbares CSS: das Snippet erzeugt denselben runden Avatar auf einer Webseite mit border-radius und object-fit.

So schneiden Sie ein Bild rund zu

1. Foto laden: ziehen Sie eine Datei auf den Ablagebereich, wählen Sie Bild auswählen oder fügen Sie ein kopiertes Bild mit Strg+V ein.
2. Motiv einrahmen: ziehen Sie innerhalb der Arbeitsfläche, um das Foto zu verschieben, und nutzen Sie den Schieberegler Zoom, das Mausrad oder eine Pinch-Geste, um die Größe anzupassen. Maske füllen setzt auf den engsten Zuschnitt zurück, der die Maske abdeckt, und Ganzes Foto einpassen zeigt das gesamte Foto darin.
3. Form wählen: belassen Sie Kreis oder wechseln Sie zu Oval und stellen Sie das Verhältnis Höhe zu Breite ein.
4. Den Rand gestalten: setzen Sie Ring und seine Farbe, weichen Sie den Rand mit Weiche Kante auf und wählen Sie Transparent oder eine volle Hintergrund-Farbe.
5. Die kleinen Vorschauen prüfen: sehen Sie sich die Versionen mit 128, 64 und 32 Pixeln unter der Arbeitsfläche an und zoomen Sie weiter hinein, wenn das Gesicht verschwindet.
6. Exportieren: wählen Sie eine Ausgabegröße und ein Format und klicken Sie dann auf Kreisbild herunterladen.

Profilbildgrößen, die als Kreise angezeigt werden

Die meisten Plattformen akzeptieren einen quadratischen Upload und wenden ihre eigene runde Maske per CSS an. Ein bereits kreisförmiges PNG zu exportieren bleibt trotzdem nützlich für Websites, Dokumente und Folien, und Sie steuern genau, wo die Maske liegt. Das sind sichere Upload-Größen:

So wird die kreisförmige Maske gezeichnet

Das Foto wird in der Ausgabegröße auf eine Leinwand gemalt, dann wird der Canvas-Composite-Modus auf destination-in umgestellt und eine Ellipse darüber gefüllt. Nur die Pixel unter der Ellipse bleiben erhalten; alles andere wird vollständig transparent. Wenn Weiche Kante über null liegt, wird die Ellipse mit einem radialen Verlauf statt einer Vollfarbe gefüllt, sodass der Alpha-Wert allmählich abfällt und der Rand ausfadet, statt auf einer harten Linie zu enden. Ein Ring, falls Sie einen hinzufügen, wird danach gezeichnet, damit er nicht von der Maske gelöscht wird.

Weil ein Kreis in das Quadrat einbeschrieben ist, aus dem er geschnitten wird, bedeckt das runde Ergebnis immer etwa 78,5 Prozent der Quadratfläche, und die vier Ecken sind das, was Sie verlieren. Deshalb ist leichtes Hineinzoomen bei einem Porträt meist richtig: der Scheitel und die Schultern sitzen genau in den Ecken, die entfernt werden.

Tipps für einen Zuschnitt, der bei 32 Pixeln noch funktioniert

• Füllen Sie den Kreis mit dem Gesicht. Lassen Sie einen kleinen Rand über dem Kopf und die Schultern über den Rand laufen; eine Ganzkörperaufnahme wird zu einem unlesbaren Punkt.
• Setzen Sie die Augen etwas über die Mitte. Ein genau in der Kreismitte zentriertes Gesicht wirkt, als würde es absinken.
• Bevorzugen Sie einen schlichten, kontrastreichen Hintergrund. Unruhige Details hinter dem Kopf werden zum visuellen Rauschen, sobald der Avatar verkleinert wird.
• Nicht hochskalieren. Wenn die Quelle 200 Pixel breit ist, macht ein Export mit 800 Pixeln sie nur unscharf; exportieren Sie in oder unter der eingerahmten Quellgröße.
• Fügen Sie für dunkle Oberflächen einen Ring hinzu. Ein ein- bis zweiprozentiger weißer Ring verhindert, dass ein dunkles Foto in einer dunklen Chat-Seitenleiste verschmilzt.

Häufig gestellte Fragen

Wird mein Foto auf einen Server hochgeladen?

Nein. Die Datei wird von Ihrem Browser mit der FileReader-API gelesen, auf ein HTML-Canvas gezeichnet und dort maskiert. Nichts wird an miniwebtool gesendet, das Bild bleibt also auf Ihrem Gerät, auch wenn Sie den Tab schließen. Deshalb funktioniert das Tool nach dem Laden der Seite auch bei einer langsamen Verbindung weiter, und es gibt keine Upload-Warteschlange und keine Dateigrößenbegrenzung außer dem Speicher Ihres eigenen Geräts.

Wie bleibt der Bereich außerhalb des Kreises transparent?

Setzen Sie den Hintergrund auf Transparent und wählen Sie PNG oder WebP als Ausgabeformat. Nur diese beiden Formate speichern einen Alphakanal. JPG hat überhaupt keine Transparenz, daher werden die vier Ecken um den Kreis mit der Hintergrundfarbe gefüllt, und das Tool stellt den Hintergrund automatisch auf eine Vollfarbe um, wenn Sie JPG wählen.

Warum sieht mein runder Avatar nach dem Hochladen immer noch quadratisch aus?

Manche Websites flachen Transparenz beim erneuten Kodieren Ihres Uploads auf einen weißen oder dunklen Hintergrund ab, wodurch die transparenten Ecken wieder sichtbar werden. Passen Sie in dem Fall die Hintergrundfarbe an die Website an, statt Transparenz zu verwenden, oder laden Sie das quadratische Original hoch und lassen Sie die Website ihre eigene kreisförmige Maske anwenden, was die meisten sozialen Netzwerke per CSS tun.

Welche Größe sollte ein rundes Profilbild haben?

512 mal 512 Pixel passen für fast jedes Profil, weil Websites ein größeres Bild verkleinern, einem kleinen Bild aber nie Details hinzufügen. Übliche Zielgrößen sind 400 Pixel für X und LinkedIn, 320 für Instagram, 512 für Discord, 640 für WhatsApp und 800 für YouTube. Nutzen Sie die Größenvoreinstellungen im Abschnitt Ausgabegröße und lassen Sie die Website verkleinern.

Kann ich ein Oval statt eines perfekten Kreises zuschneiden?

Ja. Wechseln Sie die Form auf Oval und bewegen Sie den Schieberegler Höhe zu Breite. Ein Verhältnis unter 100 Prozent ergibt eine breite Querformat-Ellipse, ein Verhältnis über 100 Prozent eine hohe Hochformat-Ellipse, die zu Kopf-und-Schulter-Aufnahmen passt. Die Ausgabe-Leinwand ändert mit die Form, sodass ein 512 Pixel breites Oval bei 130 Prozent als 512 mal 666 Pixel exportiert wird.

Verschlechtert das runde Zuschneiden die Qualität meines Fotos?

Das Zuschneiden selbst entfernt Pixel außerhalb des Kreises, komprimiert den Rest beim PNG-Export aber nicht neu, weil PNG verlustfrei ist. Die Qualität sinkt nur, wenn die Ausgabegröße größer ist als der eingerahmte Bereich des Originals, weil der Browser dann hochskalieren muss, oder wenn Sie JPG oder WebP wählen, die verlustbehaftet sind. Ein Zoom deutlich über 100 Prozent bei einer kleinen Quelle ist die übliche Ursache für ein weiches Ergebnis.

Welche Dateitypen kann ich öffnen und speichern?

Sie können alles öffnen, was Ihr Browser als Bild dekodieren kann, in der Regel JPG, PNG, WebP, GIF, BMP, AVIF und SVG. Animierte GIFs werden als einzelnes Standbild zugeschnitten. Der Download ist standardmäßig ein PNG, WebP und JPG stehen in der Formatliste zur Verfügung.