KI auf dem Gerät – professionell und privat.

Bilder

Bild rund zuschneiden – als Kreis mit transparentem Hintergrund

Jedes Bild kreisförmig zuschneiden, mit transparenten Ecken: erst quadratisch zuschneiden, das Gesicht zentrieren, abrunden und als PNG oder WebP speichern, nicht als JPG. Dazu Rahmen und Profilbildgrößen.

Aktualisiert am 15. September 20265 Min. Lesezeit

Um ein Bild kreisförmig zuzuschneiden, schneiden Sie es zuerst quadratisch zu, legen dann eine kreisförmige Maske darüber und speichern es als PNG oder WebP, damit die vier Ecken transparent bleiben. Lassen Sie das Quadrat weg, bekommen Sie ein Oval oder eine Pillenform; speichern Sie als JPG, kommen die Ecken mit einer Volltonfarbe gefüllt zurück. Beide Fehler lassen sich leicht vermeiden, sobald Sie wissen, warum sie passieren.

Warum das Quadrat zuerst kommt

Ein Kreis ist das, was aus einem abgerundeten Rechteck wird, wenn die Seiten gleich lang sind und der Eckenradius die Hälfte einer Seite erreicht. Unser Werkzeug für abgerundete Ecken misst seinen Radius an der kürzeren Bildkante, daher macht die Voreinstellung Kreis – ein Radius von 50 % – aus einem Quadrat einen echten Kreis und aus einem 3:2-Foto eine Pillenform: rund an den Enden, gerade oben und unten. Das Werkzeug tut genau, was es soll; die Vorlage war nicht quadratisch.

Schneiden Sie also zuerst zu. Wählen Sie im Zuschneidewerkzeug das Verhältnis 1:1 (Quadrat), dann bleibt der Rahmen quadratisch, wie auch immer Sie ziehen. Das Zuschneidewerkzeug speichert ein PNG, zwischen den beiden Schritten geht also nichts verloren. Die allgemeinen Grundsätze für einen gelungenen Bildausschnitt stehen in ein Bild auf ein Seitenverhältnis zuschneiden.

Das Gesicht zentrieren, dann Luft lassen

Ein Kreis in einem Quadrat entfernt die vier Ecken – etwas mehr als ein Fünftel der Fläche. Alles, was in einer Ecke saß, ist weg, und alles nahe am Rand wird gegen den Kreisrand gedrückt.

  • Setzen Sie die Augen etwas über die Mittellinie. Bei einem Brustbild liegt das Gesicht dann in der Mitte des Kreises, und die Schultern füllen die untere Rundung.
  • Lassen Sie Platz über dem Kopf. Ein Scheitel, der den Rand berührt, wirkt in Miniaturgröße gedrängt.
  • Schneiden Sie etwas großzügiger zu, als es sich natürlich anfühlt. Avatare werden klein angezeigt; ein Gesicht, das den Kreis von Rand zu Rand füllt, wirkt wie eine Nahaufnahme, eines mit etwas Raum ringsum wie ein Porträt.
  • Prüfen Sie die Ecken des Quadrats. Eine Hand, ein Logo oder eine zweite Person in einer Ecke wird halbiert.

Das Raster der Drittel-Regel im Zuschneidewerkzeug hilft bei der Platzierung. Der automatische Zuschnitt, der auf das Gesicht zentriert, ist eine Pro-Funktion; im kostenlosen Tarif setzen Sie den Rahmen selbst, was bei einem einzelnen Porträt Sekunden dauert.

PNG oder WebP, niemals JPG

Ein kreisförmiges Bild ist immer noch eine quadratische Datei. Die vier Eckbereiche sind lediglich als transparent markiert, sodass alles, was hinter dem Bild liegt, durchscheint. Nur Formate mit Transparenzunterstützung können das speichern.

FormatEckenVerwenden für
PNGTransparentDie sichere Standardwahl – breit akzeptiert und verlustfrei
WebPTransparentWebsites, wo die kleinere Datei zählt
JPGMit einer Volltonfarbe gefülltNur, wenn Sie ein farbiges Quadrat hinter dem Kreis wollen

Das Werkzeug für abgerundete Ecken startet mit PNG und transparentem Hintergrund und warnt Sie, wenn Sie zu JPG wechseln, solange der Hintergrund noch transparent ist. Wenn Sie die Ecken tatsächlich gefüllt haben wollen – etwa einen Kreis auf einem Quadrat in Ihrer Markenfarbe –, stellen Sie den Hintergrund auf Volltonfarbe und wählen die Farbe; dann ist JPG in Ordnung. Mehr zur Wahl zwischen den Formaten in PNG vs. JPG vs. WebP.

Schritt für Schritt

1

Optional: den Hintergrund entfernen

Bei einem freigestellten Porträt oder Produkt schicken Sie das Bild zuerst durch den Hintergrundentferner und behalten die PNG-Ausgabe bei, damit der Kreis das Motiv auf Transparenz einrahmt. Einen Hintergrund sauber entfernen erklärt die Einzelheiten.

2

Quadratisch zuschneiden

Nutzen Sie im Zuschneidewerkzeug das Verhältnis 1:1, mit dem Bildausschnitt wie oben beschrieben.

3

Die Voreinstellung Kreis anwenden

Wählen Sie im Werkzeug für abgerundete Ecken Kreis. Die Vorschau liegt auf einem Schachbrettmuster, sodass Sie sehen, dass die Ecken wirklich durchsichtig und nicht weiß sind.

4

Bei Bedarf einen Ring hinzufügen

Schalten Sie den Rahmen ein, legen Sie Breite und Farbe fest und wählen Sie, ob er innen, mittig oder außen an der Kante sitzt. Ein Ring außen braucht Platz: Erhöhen Sie den Rand, der die Arbeitsfläche vergrößert, und das Werkzeug sagt Ihnen, wenn der Ring abgeschnitten würde.

5

Als PNG exportieren

Oder als WebP für eine Website. Im kostenlosen Tarif werden WebP und JPG mit 92 % Qualität exportiert, Pro geht bis 100 %; PNG ist in beiden Fällen verlustfrei.

Quadratisches Bild hinein, transparenter Kreis heraus, mit optionalem Ring. Alles wird auf Ihrem Gerät verarbeitet, nicht auf unseren Servern.

Als Kreis zuschneiden

Profilbilder: das Quadrat hochladen oder den Kreis?

Wo eine Plattform den Kreis selbst zeichnet, laden Sie das Quadrat hoch. Ihre eigene Maske verbirgt die Ecken ohnehin, und ein Quadrat gibt ihrer Zuschnittvorschau etwas, womit sie arbeiten kann; ein vorab ausgeschnittener Kreis bringt dort nichts. Ein fertiger Kreis lohnt sich überall dort, wo nichts für Sie maskiert: auf der Teamseite einer Website, in einer E-Mail-Signatur, auf einer Folie, einem Sticker, in einem gedruckten Dokument.

So oder so: Laden Sie mehr Pixel hoch, als die Plattform anzeigt. Zum Zeitpunkt des Schreibens empfiehlt X für ein Profilfoto 400 × 400 Pixel bei einer Grenze von 2 MB, und LinkedIn empfiehlt für ein Seitenlogo 400 × 400, bis 3 MB als PNG oder JPEG. Beachten Sie das letzte Detail: Ein WebP würde dort nicht akzeptiert – ein Grund mehr, warum PNG die Standardwahl ist.

Das Größenwerkzeug für soziale Netzwerke hat quadratische Profil-Voreinstellungen für mehrere Plattformen. Es füllt leeren Raum mit einer Hintergrundfarbe statt mit Transparenz; bringen Sie damit also zuerst das Quadrat auf Größe und runden Sie das Ergebnis danach ab. Die Größen für alle anderen Bildplätze stehen in Bildgrößen für soziale Medien.

Die Fotos eines ganzen Teams abrunden

Bei einer Teamseite geht es um Einheitlichkeit: derselbe Durchmesser, derselbe Ring und derselbe Raum um jedes Gesicht. Das Werkzeug für abgerundete Ecken nimmt im kostenlosen Tarif ein Bild nach dem anderen; Pro nimmt bis zu 100 in einem Durchgang mit denselben Einstellungen. So oder so: Schneiden Sie jede Person zuerst von Hand quadratisch zu – der Rundungsschritt ist einheitlich, der Bildausschnitt jedes Gesichts aber nicht, und genau den bemerkt man, wenn eine Reihe von Avataren nebeneinandersteht.

Häufige Fragen

Wie schneide ich ein Bild kreisförmig zu?

Schneiden Sie es quadratisch zu, legen Sie eine kreisförmige Maske mit 50 % Eckenradius darüber und speichern Sie es als PNG. Die Voreinstellung Kreis im Werkzeug für abgerundete Ecken erledigt die Maske mit einem Klick.

Warum ist mein runder Zuschnitt ein Oval?

Weil das Bild nicht quadratisch war. Ein Radius von 50 % auf einem Rechteck ergibt je nach Werkzeug ein Oval oder eine Pillenform. Schneiden Sie zuerst auf 1:1 zu, dann ergibt dieselbe Einstellung einen echten Kreis.

Wie erstelle ich ein rundes Bild mit transparentem Hintergrund?

Lassen Sie den Hintergrund auf Transparent und exportieren Sie als PNG oder WebP. JPG kennt keine Transparenz und füllt die Ecken deshalb mit einer Volltonfarbe.

Warum hat mein rundes Bild weiße Ecken?

Entweder wurde es als JPG oder mit einem Hintergrund in Volltonfarbe gespeichert, oder die App, die es anzeigt, stellt Transparenz als Weiß dar. Legen Sie es auf einen dunklen Hintergrund: Verschwinden die Ecken, sind sie transparent.

Wie groß sollte ein rundes Profilbild sein?

Laden Sie ein Quadrat hoch, das deutlich über der Anzeigegröße liegt – X zum Beispiel empfiehlt 400 × 400 Pixel. Die Plattform verkleinert es; Details, die nicht vorhanden sind, kann sie nicht hinzufügen.

Kann ich einem runden Bild einen Rahmen geben?

Ja. Schalten Sie im Werkzeug für abgerundete Ecken den Rahmen ein, und er folgt dem Kreis. Legen Sie Breite und Farbe fest und erhöhen Sie den Rand, wenn der Ring außerhalb der Kante sitzt.

Weiterlesen

Mehr zu Bilder →