ToolAtlas
FavoritenZuletzt

Abgerundete Ecken

Verarbeitung in diesem Browser

Dateilimit: 32 MB

Dieses Tool lädt Ihre Eingabe nicht hoch.

Datei ablegen

Datei hier ablegen oder auswählen.

Beispiel: Wähle JPEG, PNG, WebP oder GIF auf diesem Gerät und verarbeite sie.

Sie brauchen eine Datei mit echten runden Ecken, etwa für eine Plattform ohne CSS. Im eigenen Stylesheet ist border-radius meist besser.

App-Icon-Look ohne SVG: Pixel mit Radius. Im Browser wäre border-radius oft ehrlicher.

Die Seite zeichnet abgerundete Ecken in das Raster. Vektor bleibt SVG nach PNG bzw. SVG optimieren.

Pixel mit Radius

  • Newsletter, in denen CSS stirbt.
  • Sticker für den Chat.
  • Zuerst zuschneiden, wenn der Rahmen stört.

Komprimieren: Bildkompressor. HEIC: HEIC nach JPG.

CSS oft besser

Webseiten sollten runde Ecken im CSS lassen — schärfer bei jedem Zoom. Diese Seite ist der Fallback, wenn nur ein Bild ankommt.

Keine Übertragung.

Ablauf und Stolpersteine

  1. Ausschnitt zuerst setzen. Radius auf dem falschen Rechteck sieht nach Aufkleber aus.
  2. PNG, wenn die Ecken transparent bleiben sollen. JPEG füllt.
  3. Im Web lieber border-radius. Diese Seite ist der Fallback für starre CMS.

Stolperstein: Favicon-Rundung plus Maske des OS — doppelt beschnitten. Favicons haben ihre eigene Seite.

Häufige Fragen

Reicht CSS border-radius nicht?

Im Web meist ja. Diese Seite rastert Ecken ins Bild, wenn das Zielsystem kein CSS kann — Newsletter-Altlasten, manche CMS, Sticker.

JPEG oder PNG?

JPEG füllt Ecken mit einer Farbe. Transparenz braucht PNG. Format tauschen: Bildformat wandeln — nicht HEIC.

Soll ich zuerst zuschneiden?

Ja, wenn der Ausschnitt noch falsch ist. Radius auf dem falschen Rechteck sieht schief aus.

Wird das Bild hochgeladen?

Nein. Rund 32 MB, Verarbeitung im Tab.

Ist das ein Favicon?

Favicon-Größen erzeugt die Favicon-Seite. Hier nur Ecken am vorliegenden Raster.

Verwandte Tools