Es gibt kein rundes Bild

Der Schlüssel zum ganzen Thema: Bilddateien sind immer rechteckig. Ein „rundes" Bild ist ein quadratisches Bild, bei dem die vier Ecken transparent gemacht wurden — sodass nur der Kreis in der Mitte sichtbar bleibt. Aus diesem einen Umstand folgt alles Weitere, vor allem die wichtigste praktische Konsequenz: Du brauchst ein Format, das Transparenz kann.

Deshalb: immer PNG

Damit die Ecken durchsichtig bleiben, muss das Bild einen Alpha-Kanal haben — und den bieten PNG, WebP und SVG, aber nicht JPG. Speicherst du ein rundes Bild als JPG, füllt es die transparenten Ecken mit Weiß, und aus dem Kreis wird wieder ein Quadrat mit weißen Zwickeln. Das ist der häufigste Fehler überhaupt bei runden Bildern. Warum JPG das tut und PNG nicht, erklärt der Beitrag Alpha-Kanal und Transparenz.

So entsteht der runde Zuschnitt

  1. Quadratisch zuschneiden. Zuerst das Bild mit dem Zuschneide-Tool auf 1:1 bringen, das Motiv mittig — der spätere Kreis erfasst nur die Mitte, also braucht Wichtiges Abstand zu den Ecken.
  2. Kreis-Maske anwenden. Über das Quadrat wird ein Kreis gelegt; alles außerhalb wird transparent. In einem Bildeditor geschieht das über eine kreisförmige Auswahl oder eine Maske.
  3. Als PNG speichern. Nur so bleiben die Ecken durchsichtig.

Der entscheidende Denk-Trick beim Zuschneiden: Stell dir den Kreis schon im Quadrat vor. Kinn, Haaransatz oder Logo-Kanten, die nah an der Ecke liegen, verschwinden — sie brauchen rund 15 % Abstand zum Rand.

Der wichtigste Spartipp: Profilbilder gar nicht rund machen

Viele schneiden ihr Profilbild aufwändig rund zu — völlig unnötig. Instagram, Facebook, LinkedIn, WhatsApp & Co. legen die runde Maske selbst über ein quadratisches Bild. Du lädst also quadratisch hoch (mit Motiv mittig), und die Plattform rundet automatisch. Ein selbst rund gemachtes PNG kann dort sogar unschöne Ränder erzeugen. Die Details zum plattformseitigen Kreis-Zuschnitt stehen im Beitrag Profilbild wird abgeschnitten.

Wann du das runde Bild wirklich brauchst

Selbst rund zuschneiden lohnt nur, wo keine Plattform die Maske übernimmt:

  • eigene Website (Team-Seite, Autoren-Bild)
  • Präsentationen und Dokumente
  • Newsletter und E-Mail-Signaturen
  • Grafiken, in denen ein rundes Element frei platziert werden soll

In all diesen Fällen brauchst du die runde PNG-Datei — und dann gilt die PNG-Regel von oben.

Häufige Fragen

Wie schneide ich ein Bild rund zu?

Erst quadratisch (1:1) zuschneiden, dann eine kreisförmige Maske anwenden, die die vier Ecken transparent macht. Das Ergebnis muss als PNG gespeichert werden, denn nur PNG (oder WebP/SVG) kann die transparenten Ecken speichern. Ein JPG würde die Ecken weiß füllen.

Warum wird mein rundes Bild als Quadrat mit weißen Ecken angezeigt?

Weil es als JPG gespeichert wurde. JPG kennt keine Transparenz und ersetzt die durchsichtigen Ecken durch Weiß. Ein rund wirkendes Bild braucht ein Format mit Alpha-Kanal — PNG ist der Standard dafür.

Muss ich mein Profilbild rund zuschneiden?

Nein — im Gegenteil. Plattformen wie Instagram, Facebook und LinkedIn legen die runde Maske selbst über ein quadratisches Bild. Lade quadratisch hoch, mit dem Motiv mittig; die Ecken schneidet die Plattform automatisch ab. Ein selbst rund gemachtes PNG kann dort sogar Ränder zeigen.

Wofür brauche ich dann überhaupt ein rundes Bild?

Für Fälle, in denen keine Plattform die Maske übernimmt: eigene Websites, Präsentationen, Dokumente, Team-Seiten, Newsletter. Überall dort, wo du ein rundes Bild frei platzieren willst, brauchst du die runde PNG-Datei mit transparenten Ecken.

Quellen

MDN — border-radius (runde Anzeige per CSS) · W3C — PNG-Spezifikation (Transparenz).