Quadratisches Bild

Abgerundete Ecken

Runde die Ecken eines Bildes ab, direkt in diesem Browser. Die Ecken werden ausgeschnitten statt gefüllt, bleiben also in PNG und WebP transparent. Die Datei wird nicht hochgeladen.

Kurz gesagt

Abgerundete Ecken von SquareImage.dev maskiert ein Bild zu einem abgerundeten Rechteck und löscht die vier Ecken, statt sie zu füllen – ein Export als PNG oder WebP bleibt dort transparent. Der Radius-Regler ist ein Anteil der kürzeren Kante, kein Pixelwert: 8–16 % wirken wie eine App-Icon-Ecke, 100 % macht aus einem Quadrat einen Kreis. Die gespeicherte Datei behält die ursprünglichen Pixelmaße, und ein Radius gilt für alle vier Ecken. Ein Export als JPEG füllt die Ecken weiß, weil JPEG keinen Alphakanal kennt. Das Werkzeug ist kostenlos, verlangt kein Konto, und die Maskierung läuft mit Canvas auf dem Gerät.

By · Verified

Wie runde ich die Ecken eines Bildes ab?

  1. Bild hinzufügen. Klicken, hineinziehen oder aus der Zwischenablage einfügen.
  2. Radius einstellen. Der Regler arbeitet in Prozent der kürzeren Kante.
  3. Format wählen. PNG oder WebP für transparente Ecken.
  4. Herunterladen. Die Pixelmaße des Originals bleiben erhalten.

Warum ist der Radius in Prozent statt in Pixeln?

Ein Prozentwert sieht auf jeder Bildgröße gleich aus. 12 % wirken auf einem 512-Pixel-Icon genauso wie auf einem 2048-Pixel-Export, während ein fester Pixelwert beim größeren Bild kaum noch auffällt.

Als Orientierung: 8–16 % entsprechen einer App-Icon-Ecke, 100 % verwandeln ein Quadrat in einen Kreis.

Warum sind meine Ecken im JPEG weiß?

JPEG hat keinen Alphakanal, kann also keine Transparenz speichern. Die ausgeschnittenen Ecken werden beim Export weiß gefüllt. Das ist eine Eigenschaft des Formats, kein Fehler des Werkzeugs.

Sollen die Ecken durchsichtig bleiben, exportiere als PNG oder WebP.

Wird mein Foto auf einen Server hochgeladen?

Nein. Die Maskierung läuft mit Canvas im Browser; die Datei wird nicht an unseren Server gesendet. Es gilt ein Radius für alle vier Ecken.

Häufig gestellte Fragen

Bleiben die Ecken wirklich transparent?

In PNG und WebP ja – sie werden gelöscht, nicht gefüllt. In JPEG erscheinen sie weiß, weil das Format keine Transparenz kennt.

Ändert sich die Bildgröße?

Nein. Die gespeicherte Datei behält die ursprünglichen Pixelmaße.

Kann ich einzelne Ecken unterschiedlich abrunden?

Nein. Ein Radius wird auf alle vier Ecken angewendet.

Jedes Werkzeug auf dieser Seite zeichnet dein Foto auf ein HTML-Canvas und liest das Ergebnis wieder aus — das ist die gesamte Verarbeitung. Deshalb wird nichts hochgeladen. Die Dokumentation des Browsers beschreibt den Zeichenschritt so:

“drawImage() will always use the source element's intrinsic size in CSS pixels when drawing, cropping, and/or scaling.”
— MDN Web Docs, CanvasRenderingContext2D: drawImage() method

Quellen

Links geprüft am 2026-09-03.

Weitere Bildwerkzeuge auf dieser Seite