Bildeeditor med avrundede hjørner

Legg til avrundede hjørner eller en sirkulær beskjæring på ethvert bilde. Bruk radius-glidebryteren for å stille inn kurven. Utdata er PNG med transparente hjørner — de er virkelig avrundet, ikke forfalsket med hvit fyll. Nyttig for profilbilder, app-skjermbilder, designmockuper, hvor som helst du vil ha mykere bildekanter.

Hvorfor avrundede hjørner betyr noe i design

Avrundede hjørner er overalt i moderne UI — app-ikoner (iOS bruker 20 % hjørneradius), profilbilder (de fleste plattformer viser sirkulært), kortlayout, bildeforhåndsvisninger i meldingsapper. Et bilde med rette kanter som settes inn i et UI med avrundede hjørner ser malplassert ut. Å runde av hjørnene på forhånd ved kilden gjør at det passer pent inn uten å trenge CSS-triks på destinasjonen.

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

Slik runder du av hjørner på et bilde

1. Legg inn bildet ditt. JPG, PNG, WebP, HEIC. Opptil 50 MP gratis.
2. Dra radius-glidebryteren. 0 = rett (ingen endring), 50 % = pilleform, 100 % = hel sirkel. Forhåndsvisning i sanntid viser resultatet.
3. Velg en forhåndsinnstilling hvis du vil ha et spesifikt utseende:
   • iOS App Icon — 22,5 % radius (iOS 7+-standard)
   • Material Design — 12 % radius
   • Soft Card — 8 % radius (typisk kort-UI)
   • Pill — 50 % radius
   • Circle — 100 % radius (beskjærer automatisk til kvadrat først)
4. Last ned PNG-en. Transparente hjørner, utdata PNG-24 med alfa.

Avrundede hjørner vs sirkulær beskjæring vs bakgrunnsfjerning

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

Sirkulær beskjæring (dette verktøyet, 100 % radius): bildet blir en sirkel. Bruk til profilbilder.

Fjern bakgrunn: klipper ut motivet, fjerner bakgrunnen helt. Annen operasjon — produserer en frittformet transparent 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 8 px hjørner ser knapt avrundet ut. Med 8 % (= 80 px) hjørner ser det bevisst ut. Bruk prosent-glidebryteren i stedet for absolutte piksler.

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