[{"data":1,"prerenderedAt":11},["ShallowReactive",2],{"guide:de:blog\u002Fcrop-photo-into-circle":-1,"article-de-crop-photo-into-circle":3},{"slug":4,"title":5,"description":6,"date":7,"keyword":8,"tool":9,"html":10},"crop-photo-into-circle","Wie man ein Foto in einen Kreis zuschneidet (kostenlos, kein Upload)","Brauchst du ein rundes Profilbild oder Logo? Hier erfährst du, wie du ein Foto in deinem Browser kostenlos und ohne Upload und Registrierung in einen Kreis zuschneidest.","2026-09-14","crop photo into circle","crop-image","\u003Cp>Runde Profilbilder sind überall verbreitet — Slack, Zoom, Teams, Google-Konten, WhatsApp, WordPress-Autorenprofile, die meisten Webseiten-Teamseiten. Wenn also jemand fragt, wie man ein Foto in einen Kreis zuschneidet, ist die ehrliche Antwort normalerweise überraschend: \u003Cstrong>Du brauchst fast nie eine kreisförmige Datei.\u003C\u002Fstrong> Du brauchst ein perfektes Quadrat mit zentriertem Motiv, und die App zeichnet den Kreis für dich.\u003C\u002Fp>\n\u003Cp>Hier erfährst du, wie du dieses Quadrat richtig hinbekommst, und was du in dem seltenen Fall tun kannst, in dem du wirklich ein rundes Bild mit transparenten Ecken brauchst.\u003C\u002Fp>\n\u003Ch2>Warum ein quadratischer Zuschnitt 90% der Zeit die Lösung ist\u003C\u002Fh2>\n\u003Cp>Apps, die kreisförmige Avatare anzeigen, speichern keine runden Bilder. Sie speichern deinen quadratischen (oder rechteckigen) Upload und wenden eine CSS-Kreismaske darüber an. Ein Kreis, der in einem Quadrat eingeschrieben ist, berührt die Mitte jeder Kante, sodass der sichtbare Bereich das Quadrat minus der vier Ecken ist — etwa 21% des Bildes werden ausgeblendet.\u003C\u002Fp>\n\u003Cp>Das ist der Teil, den die Leute falsch machen. Wenn du ein Foto hochlädst, bei dem dein Kopf von Kante zu Kante den Rahmen ausfüllt, wird die Kreismaske die Oberseite deiner Haare und beide Ohren abschneiden. Schneide für den Kreis zu, nicht für das Quadrat.\u003C\u002Fp>\n\u003Ch2>Schritt für Schritt: ein zentrierter quadratischer Zuschnitt\u003C\u002Fh2>\n\u003Col>\n\u003Cli>Öffne das \u003Ca href=\"\u002Fde\u002Fcrop-image\">Zuschneidewerkzeug\u003C\u002Fa> in deinem Browser. Nichts wird hochgeladen — das Bild wird auf deinem eigenen Gerät verarbeitet, sodass ein Foto deines Gesichts deinen Laptop nie verlässt.\u003C\u002Fli>\n\u003Cli>Ziehe eine \u003Cstrong>1:1 quadratische\u003C\u002Fstrong> Auswahl. Sperren Sie das Seitenverhältnis, falls das Werkzeug dies anbietet, um nicht um 4 Pixel daneben zu liegen und einen gequetschten Avatar zu bekommen.\u003C\u002Fli>\n\u003Cli>Positioniere die Auswahl so, dass der wichtige Inhalt im mittleren Drittel sitzt. Bei einem Kopfschuss: Augen grob ein Drittel nach unten, und ein sichtbarer Hintergrundabstand über dem Kopf und auf beiden Seiten.\u003C\u002Fli>\n\u003Cli>Exportiere und überprüfe das Ergebnis dann, indem du dir einen Kreis darin vorstellst. Alles, das eine Ecke berührt, wird verschwinden.\u003C\u002Fli>\n\u003Cli>Falls die Datei größer ist als nötig, führe sie durch \u003Ca href=\"\u002Fde\u002Fresize-image\">Größenänderung\u003C\u002Fa> — 400×400 oder 512×512 reichen für fast jeden Avatar-Platz — und dann \u003Ca href=\"\u002Fde\u002Fcompress-image\">Komprimierung\u003C\u002Fa>, falls es ein Upload-Größenlimit gibt.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>Ein schneller Sanity-Check: Halte deinen Daumen über jede Ecke des exportierten Bildes. Wenn sich nichts Wichtiges unter deinem Daumen befindet, sieht der kreisförmige Zuschnitt gut aus.\u003C\u002Fp>\n\u003Ch3>Logos und Produktfotos\u003C\u002Fh3>\n\u003Cp>Logos sind der kniffligste Fall, weil ein Wortmarkenlogo breit und ein Kreis nicht ist. Schrumpfe das ganze Logo nicht, bis es in den Kreis passt — es wird winzig aussehen. Schneide stattdessen den Icon- oder Monogramm-Teil zu, zentriert, mit Luft zum Atmen. Falls das Logo auf einem Hintergrund sitzt, den du nicht möchtest, \u003Ca href=\"\u002Fde\u002Fremove-background\">entferne zuerst den Hintergrund\u003C\u002Fa> und speichere als PNG, damit der transparente Bereich in die Farbe passt, die die Plattform verwendet.\u003C\u002Fp>\n\u003Ch2>Wenn du wirklich ein rundes Bild brauchst\u003C\u002Fh2>\n\u003Cp>Es gibt ein paar Fälle, in denen ein Quadrat nicht ausreicht: Ein rundes Kopfschuss auf einer farbigen Folie, ein gedrucktes Flugblatt oder eine E-Mail-Signatur, wo keine CSS-Maske existiert. Optionen, von einfachsten zu komplexeren:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>PowerPoint \u002F Google Slides \u002F Canva:\u003C\u002Fstrong> Füge dein quadratisches Bild ein, verwende dann den Shape-Zuschnitt ("Zuschneiden auf Form → Oval"). Weil dein Bild bereits quadratisch ist, wird das Oval zu einem perfekten Kreis.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Webseiten:\u003C\u002Fstrong> Behalte die quadratische Datei und füge \u003Ccode>border-radius: 50%\u003C\u002Fcode> in CSS hinzu. Eine Zeile, keine Bildbearbeitung, und die Datei bleibt kleiner.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Word oder E-Mail-Signatur:\u003C\u002Fstrong> Füge das Bild ein, dann Bildformat → Zuschneiden auf Form → Oval.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>In jedem dieser Fälle ist ein richtig zentrierter quadratischer Zuschnitt das, was das Ergebnis absichtlich aussehen lässt, anstatt versehentlich enthauptet.\u003C\u002Fp>\n\u003Ch2>Als PNG speichern, wenn es Transparenz gibt\u003C\u002Fh2>\n\u003Cp>Wenn dein rundes Bild transparente Ecken hat, muss es eine PNG sein — JPG hat keinen Alphakanal und füllt die Ecken mit Weiß. Falls du Formate wechseln musst, der \u003Ca href=\"\u002Fde\u002Fconvert-image\">Bildkonverter\u003C\u002Fa> handhabt PNG, JPG und WebP im Browser.\u003C\u002Fp>\n\u003Cp>Ein letzter Hinweis zum Datenschutz: Profilfotos sind persönlich, und die meisten "kostenlosen Kreis-Zuschneid"-Seiten laden deine Datei auf einen Server hoch, um sie zu verarbeiten. Jedes cutbg-Werkzeug läuft vollständig in deinem Browser — kein Upload, kein Konto, keine Kopie deines Gesichts in jemandem Speichereimer. Schließe den Tab und es ist weg.\u003C\u002Fp>\n",1791831528707]