Bildehjørnerunder
Avrund hjørnene på bilder med egendefinert radius. Lag bilder med avrundede hjørner og transparente bakgrunner.
Inndata
Utdata
Les meg
Hva er avrundede hjørner i bilder?
Avrundede hjørner er en designteknikk der de skarpe 90‑graders vinklene på et rektangulært bilde erstattes med jevne, buede kanter. Effekten oppnås ved å anvende en radius på hvert hjørne, som danner en bue som myker opp bildets utseende. Jo større radius, desto mer uttalt blir kurven – med en maksimal radius får du et helt sirkulært eller pilleformet bilde.
Avrundede hjørner ble populære i moderne UI‑design fordi de er lettere for øynene og gir et vennligere, mer innbydende estetisk uttrykk. Studier antyder at mennesker naturlig foretrekker buede former fremfor skarpe vinkler, ettersom avrundede kanter føles tryggere og mer organiske.
Verktøysbeskrivelse
Image Corner Rounder‑verktøyet lar deg legge til avrundede hjørner på ethvert bilde med presis kontroll over hjørneradius. Last opp bildet ditt, juster avrundingsmengden enten i piksler eller prosent, og last ned resultatet i ønsket format. Verktøyet behandler bildene helt i nettleseren din, slik at filene dine forblir private og sikre.
Eksempler
| Original | Avrundet (20 px) | Avrundet (50 %) |
|---|---|---|
| Skarpe rektangulære hjørner | Subtile avrundede kanter | Pille‑ eller sirkel‑form |
| Inndata: Et profilbilde med skarpe hjørner | Utdata: Det samme bildet med jevne, avrundede hjørner klar til bruk som avatar |
Funksjoner
- Radius i piksler eller prosent: Velg mellom eksakte pikselverdier eller prosentbasert avrunding for konsistente resultater på tvers av ulike bildestørrelser
- Sanntids‑forhåndsvisning: Se endringer umiddelbart mens du justerer hjørneradiusen
- Flere eksportformater: Eksporter som PNG (med gjennomsiktighet), JPG eller WebP
- Kvalitetskontroll: Juster eksportkvaliteten for JPG‑ og WebP‑formater for å balansere filstørrelse og bildekvalitet
- Klient‑side‑behandling: All bildebehandling skjer i nettleseren – ingen opplasting til eksterne servere
Bruksområder
- Sosiale medier‑avatarer: Lag avrundede profilbilder for plattformer som ikke automatisk avrunder hjørner
- App‑ikoner og miniatyrbilder: Design iOS‑stil app‑ikoner eller avrundede miniatyrbilder for videoplattformer
- Produktfotografering: Myk opp produktbilder for netthandel og markedsføringsmateriell
- UI‑mockups: Forbered avrundede skjermbilder og bilder til nettside‑ og app‑designpresentasjoner
- Digitale kort og merker: Lag visuelt tiltalende ID‑kort, visittkort eller prestasjonsmerker med avrundede kanter