Zum Hauptinhalt springen
Bethemesh

Bild rund zuschneiden und Ecken abrunden

Erstelle ein rundes Profilbild, eine Vorschau mit abgerundeten Ecken oder ein Bild mit Rahmen: Stelle Rundung und Rahmen ein und lade ein transparentes PNG herunter.

  • Export
Automatisieren

Dieses Widget einbetten

Passe die Darstellung an, prüfe die Vorschau und kopiere anschließend den Code.

Vorschau

Art des Einbettungscodes

Zu kopierender Code

Responsive und automatisch von Bethemesh in der Größe angepasst.

Bild
Kein Bild geladen

Zieh ein Bild hierher

Füge ein PNG-, JPEG- oder WebP-Bild hinzu. Die Datei bleibt auf deinem Gerät und alle Änderungen laufen lokal im Browser.

Du brauchst mehr Möglichkeiten?

Nutze mehrere Bearbeitungswerkzeuge in einem Arbeitsbereich, deine geöffnete Datei und deine Änderungen kommen mit.

Vollständigen Editor öffnen

War dieses Werkzeug hilfreich?

Wie funktioniert dieses Tool?

Ein Teamfoto als runde Vorschau, ein Avatar, ein Screenshot mit weichen Ecken für eine Präsentation: Solche Formen entstehen in wenigen Sekunden. Das Tool schneidet das Bild kreisrund zu oder rundet seine Ecken ab, fügt bei Bedarf einen Rahmen in der gewünschten Farbe hinzu und macht alles außerhalb der Form transparent.

Bei der Form „Kreis“ behält das Tool das größte zentrierte Quadrat im Bild und setzt eine Kreisfläche hinein. Aus einem Foto mit 1200 × 800 px wird so ein Kreis mit 800 px Durchmesser. Willst du selbst bestimmen, welcher Teil erhalten bleibt, schneide das Bild zuerst quadratisch auf Gesicht oder Logo zu und wende dann den Kreis an.

Bei der Form „Abgerundete Ecken“ behält das Bild seine Maße, nur die Ecken werden weicher. Die Rundung wird in Prozent der kürzeren Seite angegeben: 5 bis 10 % ergeben eine dezente Ecke, 25 % den Look einer Karte oder eines Buttons, und 50 % machen aus einem Quadrat einen Kreis und aus einem Rechteck eine Pille.

Der Rahmen wird innerhalb der Form gezeichnet: Das Bild wird nicht größer, was böse Überraschungen im Layout vermeidet. Auch seine Stärke wird in Prozent der kürzeren Seite eingestellt, damit die optische Proportion unabhängig von der Bildgröße gleich bleibt.

Um die Form herum sind die abgeschnittenen Ecken standardmäßig transparent, und das Bild wird als PNG gespeichert oder, wenn du es wählst, als WebP. Möchtest du lieber einen vollflächigen Hintergrund, etwa für ein gedrucktes Dokument, deaktiviere die Transparenz und wähle eine Farbe – das passiert bei JPEG, einem Format ohne Transparenz, auch automatisch.

So verwenden Sie dieses Tool

  1. Bild öffnen

    Foto, Logo oder Screenshot als PNG, JPEG oder WebP.

  2. Bei Bedarf zuschneiden

    Für einen Kreis wählst du im Tab „Zuschneiden“ ein Quadrat, das auf dem Motiv zentriert ist.

  3. Form und Rahmen wählen

    Kreis oder abgerundete Ecken, Rundung, Rahmenstärke und Rahmenfarbe: Die Vorschau folgt jeder Einstellung.

  4. Anwenden und herunterladen

    Behalte den transparenten Hintergrund für ein PNG oder wähle eine Hintergrundfarbe.

Die verwendeten Maße

Für ein Bild mit der Breite B und der Höhe H, mit c = min(B, H):

Kreisdurchmesser

D = c

Das größte zentrierte Quadrat bleibt erhalten.

Radius der abgerundeten Ecken

r = Rundung % × c

Auf 50 % begrenzt: Darüber würden sich die Rundungen überschneiden.

Rahmenstärke

e = Rahmen % × c

Wird innerhalb der Form gezeichnet.

c
kürzere Bildseite in Pixeln
p_r
gewählte Rundung als Bruchteil (25 % = 0,25)
p_b
gewählter Rahmen als Bruchteil (5 % = 0,05)

Anwendungsfälle

Profilbilder

Einen runden Avatar für eine E-Mail-Signatur, eine Team-Website oder ein Forum vorbereiten, das Bilder nicht selbst rund darstellt.

Präsentationen und Dokumente

Die Ecken von Screenshots und Fotos abrunden, damit eine Foliensammlung gepflegter wirkt.

Websites und Oberflächen

Vorschaubilder, Karten oder Buttons mit abgerundeten Ecken erstellen, die sofort eingebaut werden können.

Social Media und Marken

Ein Logo mit einem Rahmen in den Markenfarben versehen, für einen Beitrag oder ein Badge.

Beispiele

Runder Avatar

Das mittlere Quadrat bleibt erhalten; der feine weiße Rahmen hebt das Gesicht von einem dunklen Hintergrund ab.

Eingabe

Porträt 1200 × 1600 px, Form Kreis, weißer Rahmen 3 %

Ergebnis

Rundes PNG mit 1200 px

Screenshot für eine Präsentation

Eine leichte Rundung lässt den Screenshot wie ein App-Fenster wirken.

Eingabe

Screenshot 1920 × 1080 px, abgerundete Ecken 4 %

Ergebnis

Gleiche Maße, weichere Ecken

Produktvorschau

Der vollflächige Hintergrund vermeidet transparente Ecken, wenn die Vorschau gedruckt oder als JPEG verschickt wird.

Eingabe

Quadratisches Foto, abgerundete Ecken 20 %, transparenter Hintergrund deaktiviert, Hintergrund #F5F5F5

Ergebnis

Karte mit abgerundeten Ecken auf hellgrauem Hintergrund

Button in Pillenform

Mit der halben kürzeren Seite als Radius werden beide Enden des Rechtecks zu Halbkreisen.

Eingabe

Banner 1200 × 300 px, abgerundete Ecken 50 %

Ergebnis

Banner mit vollständig runden Enden

Tipps und bewährte Vorgehensweisen

  • Lass bei einem Porträt im zugeschnittenen Quadrat etwas Platz über dem Kopf: Der Kreis knabbert stärker an den Ecken.
  • Behalte Transparenz und PNG-Format, wenn das Bild auf einem farbigen Hintergrund landet: Die abgeschnittenen Ecken übernehmen dann die Farbe des Untergrunds.
  • Ein heller Rahmen auf dunklem Hintergrund oder ein dunkler auf hellem reicht oft, um ein rundes Foto hervorzuheben.
  • Verwende in einer Oberfläche für alle Vorschaubilder denselben Rundungsprozentsatz, damit sie einheitlich wirken.
  • Zeigt eine Plattform das Profilbild ohnehin als Kreis an, genügt eine quadratische Datei: Selbst abrunden ist dann unnötig.

Quellen und Referenzen

Häufig gestellte Fragen

Wie schneide ich ein Foto rund zu?

Lade das Foto hoch, öffne den Tab „Rahmen“, wähle die Form „Kreis“, stelle bei Bedarf einen Rahmen ein, wende ihn an und lade das PNG herunter. Um den erhaltenen Ausschnitt selbst zu wählen, schneide vorher ein auf das Motiv zentriertes Quadrat zu.

Warum sind die Ecken meines Bildes transparent?

Außerhalb der Form ist das Bild standardmäßig leer, und PNG kann diese leere Fläche als Transparenz speichern. So lässt sich das Bild sauber auf jeden Hintergrund legen. Deaktiviere die Transparenz, um die Ecken mit einer Farbe zu füllen.

Welchen Rundungswert sollte ich wählen?

Etwa 5 % für eine dezente Ecke, 15 bis 25 % für einen Karteneffekt, 50 % für einen Kreis aus einem Quadrat oder eine Pille aus einem Rechteck. Der Prozentwert bezieht sich auf die kürzere Seite des Bildes.

Wird das Bild durch den Rahmen größer?

Nein. Er wird innerhalb der Form gezeichnet, sodass die Maße denen des Originalbildes entsprechen – bzw. denen des Quadrats bei einem Kreis.

Welche Größe ist für ein rundes Profilbild sinnvoll?

Die Plattformen empfehlen meist ein Quadrat von 320 bis 800 px. Für vielseitige Nutzung bleibt ein Kreis mit 800 bis 1000 px überall scharf und lässt sich später verkleinern.

Kann ich ein JPEG erhalten?

Ja, aber JPEG unterstützt keine Transparenz: Die Ecken werden mit Weiß oder der gewählten Hintergrundfarbe gefüllt. Für transparente Ecken exportierst du als PNG oder WebP.

Bleibt mein Bild privat?

Ja. Zuschnitt, Rundung und Rahmen werden in deinem Browser berechnet; das Foto wird nie an einen Server gesendet.

Verwandte Werkzeuge

Werkzeuge, die diesem ähnlich sind oder es ergänzen.

Ähnliche Werkzeuge

Entferne einen weißen oder einfarbigen Hintergrund und erhalte ein transparentes PNG, ohne dein Bild hochzuladen.

Bilder & GrafikenNeuDieses Werkzeug verwenden

Bring ein Bild mit einem Klick auf die richtigen Maße für Instagram, Facebook, LinkedIn, YouTube, X, TikTok oder Pinterest.

Bilder & GrafikenNeuDieses Werkzeug verwenden

Ziehe einen Rahmen auf dem Bild auf, lege ein Seitenverhältnis fest (1:1, 4:5, 16:9 …) und lade den Ausschnitt herunter.

Bilder & GrafikenEmpfohlenDieses Werkzeug verwenden
LeitfadenBewährte MethodenFortgeschritten

Bilder für Webperformance optimieren

Verbinde Dimensionen, Format, Kompression, responsive Quellen, Ladepriorität und Layoutstabilität zu einem vollständigen Web-Image-Workflow.

31. August 20265 min