Bildeeditor med avrundede hjørner

Legg til avrundede hjørner eller en full sirkelbeskjæring på ethvert bilde. Bruk radiusglideren for å stille inn kurven. Resultatet er PNG med gjennomsiktige hjørner — de er virkelig avrundet, ikke forfalsket med hvit fyll. Nyttig for profilbilder, app-skjermbilder, designmockuper, overalt hvor du ønsker mykere bildekanter.

Hvorfor avrundede hjørner betyr noe i design

Avrundede hjørner er overalt i moderne brukergrensesnitt — app-ikoner (iOS bruker 20% hjørneradius), profilbilder (de fleste plattformer viser sirkulært), kortoppsett, bildeforhåndsvisninger i meldingsapper. Et bilde med kvadratiske kanter som settes inn i et brukergrensesnitt med avrundede hjørner ser malplassert ut. Forhåndsavrunding av bildet ved kilden betyr at det passer rent inn uten behov for CSS-triks på destinasjonen.

Resultatet er en gjennomsiktig PNG hvor hjørnene faktisk er gjennomsiktige (alfakanal = 0). Sett inn på en hvilken som helst bakgrunn — lys, mørk, gradient — og hjørnene ser bare riktige ut.

Slik avrunder du hjørner på et bilde

1. Legg inn bildet ditt. JPG, PNG, WebP, HEIC. Opptil 50 MP gratis.
2. Dra radiusglideren. 0 = kvadratisk (ingen endring), 50% = pilleform, 100% = hel sirkel. Forhåndsvisning viser resultatet.
3. Velg en forhåndsinnstilling hvis du ønsker et spesifikt utseende:
   • iOS App-ikon — 22,5% radius (iOS 7+ standard)
   • Material Design — 12% radius
   • Mykt kort — 8% radius (typisk kort-UI)
   • Pille — 50% radius
   • Sirkel — 100% radius (beskjærer til kvadrat først)
4. Last ned PNG-en. Gjennomsiktige hjørner, utdata PNG-24 med alfa.

Avrundede hjørner vs sirkelbeskjæring vs bakgrunnsfjerning

Avrundede hjørner (dette verktøyet): hele bildet beholdes; bare hjørnene rundes av. Brukes til kort, app-skjermbilder, designforhåndsvisninger.

Sirkelbeskjæring (dette verktøyet, 100% radius): bildet blir en sirkel. Brukes til profilbilder.

Fjern bakgrunn: klipper ut motivet, fjerner bakgrunnen helt. Annen operasjon — produserer en fri form gjennomsiktig form, ikke en geometrisk.

Tips for riktig radius

Tilpass destinasjonens UI. Hvis du setter bildet inn i et Material Design-kort, bruk 12% radius. Hvis inn i en iOS-app, bruk 22,5%. Hvis inn i et generisk \"mykt kort\"-utseende, ser 8% nøytralt ut.

Større bilder trenger større radius. Et 1000×1000 bilde med 8px hjørner ser knapt avrundet ut. Med 8% (= 80px) hjørner ser det tilsiktet ut. Bruk prosentglideren i stedet for absolutte piksler.

For sirkulær utdata (profilbilder), blir kildebildet automatisk beskjært til et kvadrat først. Det beskjærte området er sentrert som standard; dra for å reposisjonere hvis du vil ha et spesifikt område i den synlige sirkelen.