Bildecken abrunden und Rahmen hinzufügen

Mildern Sie die Kanten, beschneiden Sie kreisförmig und setzen Sie farbige Rahmen mit transparentem Hintergrund. Mehrere Bilder gleichzeitig, alles in Ihrem Browser.

Ziehen Sie Ihre Bilder hierher
oder klicken Sie zum Auswählen — JPG, PNG, WEBP. Sie können mehrere auf einmal wählen.

Wie Sie Ecken abrunden und Rahmen hinzufügen

Ziehen Sie Ihre Bilder zunächst in die Ablegezone, oder klicken Sie darauf, um den Dateidialog zu öffnen. Mehrere Fotos auf einmal schicken Sie, indem Sie beim Auswählen Strg (oder Cmd auf dem Mac) halten, und akzeptiert werden JPG, PNG, WEBP, GIF und BMP. Bei mehr als einer Datei erscheinen über der Vorschau Tabs mit dem Namen jedes Bildes: klicken Sie, um zu wechseln und Ihre Einstellungen an jedem Foto zu prüfen. Direkt unter der Vorschau stehen die endgültigen Maße der Datei in Pixeln, den Rahmen schon eingerechnet.

Die erste Entscheidung betrifft die Form. Abgerundete Ecken behält die Originalproportionen des Fotos und mildert nur die Kanten. Kreis beschneidet das Bild zentriert auf 1:1 und legt eine runde Maske darüber: die richtige Wahl für Profilbilder und Avatare, weil so das Stauchen entfällt, das entsteht, wenn ein Hochformat-Porträt in einen Kreis gezwungen wird. Quadrat beschneidet nur zentriert auf 1:1, ohne Rundung. Im Modus mit abgerundeten Ecken steuert der Radius-Regler die Krümmung als Prozentwert der kürzeren Seite, und die vier Schaltflächen darunter erlauben es, einzelne Ecken abzuschalten: ein Klick, und diese Ecke ist wieder eckig.

Die Rahmenstärke wird in Pixeln festgelegt und außerhalb des Bildes gezeichnet, es wird also nichts vom Originalinhalt abgeschnitten. Sobald der Wert über null steigt, erscheinen die Farbauswahl, das Feld für den Hexadezimalcode und eine Palette mit acht fertigen Farben. Der Rahmen folgt der gewählten Krümmung, im Kreismodus wird er also ein perfekter Ring. Die Option für einen weichen Schatten setzt das Bild leicht ab, was bei Vorschaubildern auf hellen Hintergründen hilft. Das Häkchen für transparenten Hintergrund ist standardmäßig gesetzt und sorgt dafür, dass die ausgeschnittenen Ecken wirklich frei bleiben.

Wählen Sie zuletzt das Download-Format. PNG ist der empfohlene Standard, weil es die Transparenz der Ecken ohne Qualitätsverlust erhält. WEBP behält die Transparenz ebenfalls und erzeugt kleinere Dateien, was es für den Einsatz auf einer Website ideal macht. JPG kennt keine Transparenz, bei dieser Wahl werden die Ecken also mit der in den Reglern gesetzten Hintergrundfarbe gefüllt. Über die Download-Schaltfläche speichern Sie nur das angezeigte Foto, über Alle herunterladen holen Sie den ganzen Stapel als .zip mit identischen Einstellungen.

Häufige Fragen

Werden meine Bilder auf einen Server hochgeladen?
Nein. Beschnitt und Rahmen werden beide in Ihrem Browser über Canvas gezeichnet. Keine Datei wandert durchs Internet.
Kann ich die Ecken mehrerer Bilder gleichzeitig abrunden?
Ja. Laden Sie so viele Bilder hoch, wie Sie möchten: derselbe Radius, derselbe Rahmen und dieselbe Form gelten für alle. Laden Sie sie einzeln herunter oder holen Sie den ganzen Stapel als eine .zip-Datei.
Warum werden meine abgerundeten Ecken nach dem Speichern weiß oder schwarz?
Das passiert beim Export als JPG, einem Format ohne jede Transparenz: der ausgeschnittene Bereich muss mit irgendetwas gefüllt werden. Damit die Ecken wirklich frei bleiben, wählen Sie PNG oder WEBP und lassen das Häkchen für transparenten Hintergrund gesetzt. Wenn das Ziel JPG verlangt, setzen Sie die Hintergrundfarbe auf die der Website oder des Dokuments, in dem das Bild landet.
Welchen Radius sollte ich für Vorschaubilder und Karten verwenden?
Moderne Oberflächen liegen meist zwischen 8 und 16 % der kürzeren Seite, was bei einem 100-px-Vorschaubild etwa 8 bis 16 px entspricht. Über 25 % beginnt die Form wie eine Pillenform-Schaltfläche zu wirken, und bei 50 % wird aus dem Rechteck ein Kreis oder eine Ellipse. Wenn die Karten Ihrer Website schon einen Radius im CSS haben, passt es perfekt, wenn Sie denselben Wert proportional auf das Bild anwenden.
Wie erstelle ich ein rundes Profilbild mit Rahmen?
Wählen Sie die Form Kreis: das Tool beschneidet das Bild zentriert auf 1:1, bevor es die Maske anwendet, damit Hochformat-Porträts nicht gestaucht werden. Erhöhen Sie dann die Rahmenstärke auf 10 bis 30 px und wählen Sie die Rahmenfarbe. Exportieren Sie als PNG, damit der Bereich um den Kreis auf jedem Hintergrund transparent bleibt: genau das erwarten LinkedIn, Discord, WhatsApp und die meisten Avatar-Systeme.
Kann ich nur einzelne Ecken abrunden?
Ja. In der Form mit abgerundeten Ecken gibt es vier Schaltflächen, eine pro Ecke. Schalten Sie die aus, die eckig bleiben sollen: praktisch für Bilder, die oben an einer Karte anliegen, wo nur die unteren Ecken Rundung brauchen, oder für Banner, die an einer Bildschirmkante abschließen.
Macht der Rahmen das Bild größer?
Ja. Der Rahmen wird außerhalb des Fotos gezeichnet, ein Bild von 800×600 px mit 20 px Rahmen ergibt also eine Datei von 840×640 px. Von der Originalfläche wird nichts abgeschnitten. Die endgültigen Maße stehen direkt unter der Vorschau.
Weiter mit einem anderen Tool
Ähnliche Artikel
Alle Artikel ansehen →