Rundet hjørne billededitor

Tilføj afrundede hjørner eller en fuld cirkelbeskæring til ethvert billede. Brug radiusskyderen til at indstille kurven. Output er PNG med gennemsigtige hjørner — de er virkelig afrundede, ikke falske med en hvid udfyldning. Nyttigt til profilbilleder, app-skærmbilleder, designmockups, overalt hvor du ønsker blødere billedkanter.

Hvorfor afrundede hjørner betyder noget i design

Afrundede hjørner er overalt i moderne brugergrænseflader — app-ikoner (iOS bruger 20% hjørneradius), profilbilleder (de fleste platforme viser cirkulært), kortlayouts, billedforhåndsvisninger i beskedapps. Et billede med skarpe kanter placeret i en brugergrænseflade med afrundede hjørner ser malplaceret ud. At afrunde hjørnerne ved kilden betyder, at det passer ind uden at have brug for CSS-tricks på destinationen.

Outputtet er en gennemsigtig PNG, hvor hjørnerne faktisk er gennemsigtige (alfakanal = 0). Placer på enhver baggrund — lys, mørk, gradient — og hjørnerne ser bare rigtige ud.

Sådan afrunder du hjørner på et billede

1. Drop dit billede. JPG, PNG, WebP, HEIC. Op til 50 MP gratis.
2. Træk i radiusskyderen. 0 = firkantet (ingen ændring), 50% = pilleform, 100% = fuld cirkel. Live-forhåndsvisning viser resultatet.
3. Vælg en forudindstilling hvis du ønsker et bestemt udseende:
   • iOS App-ikon — 22,5% radius (iOS 7+ standard)
   • Material Design — 12% radius
   • Blødt kort — 8% radius (typisk kort-brugergrænseflade)
   • Pille — 50% radius
   • Cirkel — 100% radius (beskærer automatisk til firkant først)
4. Download PNG'en. Gennemsigtige hjørner, output PNG-24 med alfa.

Afrundede hjørner vs cirkelbeskæring vs baggrundsfjernelse

Afrundede hjørner (dette værktøj): hele billedet forbliver; kun hjørnerne afrundes. Brug til kort, app-skærmbilleder, designforhåndsvisninger.

Cirkelbeskæring (dette værktøj, 100% radius): billedet bliver en cirkel. Brug til profilbilleder.

Baggrundsfjernelse: skærer motivet ud, fjerner baggrunden helt. Anden operation — producerer en fritformet gennemsigtig form, ikke en geometrisk.

Tips til den rigtige radius

Match dit destinations brugergrænseflade. Hvis du placerer billedet i et Material Design-kort, brug 12% radius. Hvis i en iOS-app, brug 22,5%. Hvis i et generisk "blødt kort"-look, ser 8% neutralt ud.

Større billeder har brug for større radius. Et 1000×1000 billede med 8px hjørner ser næsten ikke afrundet ud. Med 8% (= 80px) hjørner ser det bevidst ud. Brug procent-skyderen i stedet for absolutte pixels.

Til cirkulært output (profilbilleder) bliver kildebilledet automatisk beskåret til en firkant først. Det beskårne område er centreret som standard; træk for at flytte, hvis du vil have et bestemt område i den synlige cirkel.