Afrund billedhjørner online gratis

Træk billeder herhen eller klik for at vælge

Understøttede formater: JPG, PNG, WebP

Afrund billedhjørner online – moderne design på få sekunder

Har du brug for at skabe cirkulære profilbilleder, afrunde hjørnerne på produktbilleder eller give fotos et moderne look? Vores gratis online værktøj giver dig mulighed for nemt og hurtigt at redigere hjørnerne på ethvert billede direkte i browseren. Uden registrering, uden softwareinstallation.

Al behandling foregår lokalt på din enhed – vi sender ingen fotos nogen steder hen, de forbliver sikkert hos dig. Ideel til grafikere, webdesignere, sociale medier-managere og almindelige brugere.

Sådan afrunder du billedhjørner – hurtig guide

1. Upload fotos

Træk billeder til applikationen, eller vælg dem med knappen. Vi understøtter JPG, PNG og WebP formater. Du kan uploade flere fotos på én gang til batchbehandling.

2. Vælg en forudindstilling eller tilpassede indstillinger

Start med en af de forberedte forudindstillinger (Diskret, Medium, Stærk, Cirkel) eller indstil hvert hjørne individuelt for en unik effekt.

3. Tilpas detaljerne

Juster afrundingsradius, vælg baggrund (gennemsigtig, hvid, sort, brugerdefineret farve) og vælg kurvetype for et perfekt resultat.

4. Download resultatet

Hvert foto kan downloades enkeltvis, eller alle på én gang som et ZIP-arkiv – perfekt til arbejde med snesevis af filer.

Forudindstillinger for afrunding – hurtig start

Til den mest almindelige brug har vi forberedt 4 forudindstillede profiler. Et enkelt klik, og du kan downloade med det samme.

Diskret afrunding (5%)

Hvornår skal det bruges: Moderne webdesign, hvor du ønsker at bevare et skarpt, men ikke for geometrisk udseende.

Ideel til:

  • Produktbilleder til e-butikker
  • Billeder til blogs og artikler
  • Bannere og annoncer
  • UI-design (apps, websites)

Effekt: Næsten umærkelig afrunding, der giver billedet et blødere, mere behageligt indtryk uden en markant ændring.

Medium afrunding (10%)

Hvornår skal det bruges: Et universelt valg til de fleste projekter. Afrundingen er tydeligt synlig, men overdøver ikke billedets indhold.

Ideel til:

  • Fotos på landingssider
  • Video-thumbnails
  • Afsnit om teammedlemmer
  • Gallerier på hjemmesider

Effekt: Klassisk afrunding, der er standard i moderne webdesign. Virker professionelt og imødekommende.

Stærk afrunding (20%)

Hvornår skal det bruges: Når du ønsker et markant designstatement, eller det passer til et brand med en legende karakter.

Ideel til:

  • Kreative porteføljer
  • Børnewebsites og apps
  • Livsstilsblogs
  • Instagram grid-design

Effekt: Markant afrunding, der er et hoveddesignelement. Fotos får et specifikt, mindeværdigt udseende.

Cirkel (50%)

Hvornår skal det bruges: Du har brug for perfekt cirkulære profilbilleder eller cirkulære designelementer.

Ideel til:

  • Avatarer og profilbilleder
  • Testimonials (kundeanmeldelser)
  • Teambilleder
  • Logo-placeholdere
  • Sociale mediers profilbilleder

Effekt: Et kvadrat omdannes til en cirkel, et rektangel til en ellipse. Perfekt til at skabe en ensartet stil for hele teamets profilbilleder.

Avancerede indstillinger – fuld kontrol

Individuel indstilling af hvert hjørne

Har du ikke brug for symmetrisk afrunding? Indstil hvert hjørne individuelt for unikke, asymmetriske effekter.

Eksempler på asymmetrisk brug:

  • Øverste venstre og nederste højre hjørne afrundet, de andre skarpe → dynamisk, moderne look
  • Kun nederste hjørner afrundet → design inspireret af Material Design
  • Et hjørne markant mere → utraditionelt, opmærksomhedsfangende design

Sådan gør du:

  1. Klik på låseikonet (🔓) for at fjerne forbindelsen til hjørnerne
  2. Hver skyder styrer et specifikt hjørne
  3. Du ser ændringerne i realtid
  4. Klik på 🔗 for igen at forbinde alle hjørner

Måleenheder – procent vs. pixels

Procent (%) – anbefales Radius beregnes relativt i forhold til billedets størrelse. 10% betyder, at afrundingen vil se proportionelt ens ud på både et lille og et stort billede.

Hvornår skal det bruges: Når du behandler fotos i forskellige størrelser og ønsker en ensartet visuel effekt.

Pixels (px) – præcis kontrol Radius har en absolut størrelse uanset billedets dimensioner. 50px vil altid være 50px.

Hvornår skal det bruges: Når du har brug for en præcist defineret radius (f.eks. kræver et designsystem 16px border-radius).

Valg af baggrund – hvad sker der med hjørnerne?

Når du afrunder hjørner, skal du definere, hvad der skal vises, hvor de skarpe kanter var.

Gennemsigtig baggrund (PNG) Hjørnerne vil være gennemsigtige – ideel til brug på websites med farvet baggrund eller til yderligere redigering i grafikprogrammer.

⚠️ OBS: Kræver PNG eller WebP outputformat. JPG understøtter ikke gennemsigtighed!

Hvid baggrund Hjørnerne vil være hvide – standardvalg for fotos, der skal vises på en hvid baggrund (e-butikker, trykmateriale).

Sort baggrund Hjørnerne vil være sorte – brug til dark mode-design eller mørke baggrunde.

Brugerdefineret farve Vælg den nøjagtige farve med farvevælgeren – perfekt match til farveskemaet på dit website eller brand.

Tip: Kopier hex-koden for dit websites baggrundsfarve (f.eks. #F5F5F5) for perfekt matching.

Kurvetype – standard vs. glat

Standard kurve (arcTo) Klassisk matematisk afrunding brugt i CSS border-radius. Skaber en ensartet bue – præcis hvad øjnene er vant til fra de fleste websites.

Hvornår skal det bruges: Til et standard, forudsigeligt udseende, der er kompatibelt med CSS-design.

Glat kurve (quadraticCurve) En blødere, mere organisk kurve skabt med Bézier-kurver. Virker blødere og mere naturlig.

Hvornår skal det bruges: Til kunstneriske fotos, organiske designs, når du ønsker noget særligt.

Forskellen: Standardkurven har en konstant krumning. Den glatte kurve er mild i starten og afrundes gradvist – virker “mere elegant”.

Batchbehandling – spar timer af arbejde

Har du brug for at afrunde hjørnerne på 50 produktfotos til en e-butik? Eller skabe ensartede profilbilleder for hele teamet? Batchbehandling klarer det automatisk.

Sådan fungerer det:

  1. Upload alle billeder på én gang (ingen grænse for antal)
  2. Indstil afrundingen – den anvendes på alle fotos
  3. Følg status – hvert foto har status “Behandler…” → “Klar”
  4. Download ZIP – alle redigerede fotos i én fil

Virkeligt eksempel: Du har 30 teamfotos i forskellige dimensioner og skal gøre dem til ensartede cirkulære avatarer med gennemsigtig baggrund. Hele processen tager mindre end et minut:

  • Upload alle (træk og slip)
  • Forudindstilling “Cirkel”
  • Baggrund “Gennemsigtig”
  • Format “PNG”
  • Download ZIP
  • Færdig! ✓

Anvendelsestilfælde – inspiration fra praksis

Webdesign og udvikling

Teamprofilbilleder Skab konsistente teamfotos med ensartet afrunding. Anbefaling: Cirkel eller 10% afrunding, gennemsigtig PNG-baggrund.

Produktfotos til e-butikker Moderne afrundede hjørner giver produkter et mere indbydende udseende. Anbefaling: 5-10% afrunding, hvid JPG-baggrund.

Blog-thumbnails Billeder til artikler med en diskret afrunding for bedre visuel hierarki. Anbefaling: 8-12% afrunding, afhængigt af websitets design.

Hero-sektioner og bannere Markant afrunding for opmærksomhedsfangende elementer. Anbefaling: 15-25% afrunding.

Sociale medier

Instagram-feed grid Ensartet stil med konsistent afrunding. Anbefaling: 10-15% eller cirkel til highlight covers.

Facebook/LinkedIn profilbilleder Forberedelse af cirkulære avatarer med perfekt centreret indhold. Anbefaling: Forudindstilling “Cirkel”, gennemsigtig baggrund.

YouTube-thumbnails Afrundede elementer inde i thumbnails for et mere moderne look. Anbefaling: 8-12% afrunding.

Marketing og reklame

Bannere og displayannoncer Afrunding af hjørner for et mere sofistikeret udseende af annoncer. Anbefaling: 5-10% afhængigt af brand-retningslinjer.

Præsentationer og pitch decks Professionelt udseende af alle fotos med ensartet afrunding. Anbefaling: 10% afrunding.

Trykmateriale Forberedelse af billeder med afrundede hjørner til flyers, kataloger. Anbefaling: 5-8% afrunding.

Kreative projekter

Digitale collager Kombination af fotos med forskellige grader af afrunding for en kunstnerisk effekt. Anbefaling: Eksperimenter med asymmetri.

Mockups og portefølje Moderne præsentation af arbejde med diskret afrunding. Anbefaling: 8-15% afhængigt af stil.

Tips og tricks fra professionelle

Den gyldne regel: mindre er mere

Til de fleste projekter er 8-12% afrunding tilstrækkelig. For markant afrunding kan virke uprofessionelt.

Konsistens er nøglen

Brug den samme afrunding på alle fotos i et projekt. Inkonsistens virker kaotisk.

PNG for gennemsigtighed

Vil du have gennemsigtige hjørner? Eksporter altid som PNG eller WebP, aldrig JPG.

Asymmetri med måde

Asymmetrisk afrunding er effektivt, men overdriv det ikke – brug det som accenter, ikke på hvert foto.

Mobile-first tilgang

På mobiler ser afrundede hjørner endnu bedre ud end på desktop. Test udseendet på mindre skærme.

Baggrund efter kontekst

  • Website med hvid baggrund → hvid baggrund på fotos
  • Website med dark mode → sort eller gennemsigtig
  • Farvet baggrund → gennemsigtig PNG eller præcist matchende farve

Pixels til designsystmer

Hvis du arbejder efter et designsystem (f.eks. Material Design med 8px grid), brug pixel-enheder for præcis konsistens.

Cirkulære fotos – centrering er vigtig

Før du opretter en cirkel, sørg for, at hovedindholdet af fotoet (f.eks. ansigtet) er centreret. Ellers ender det uden for beskæringen.

Tekniske detaljer

Understøttede formater

Input: JPG, JPEG, PNG, WebP Output: JPG, PNG, WebP, eller originalt format

Maksimal opløsning

Værktøjet behandler billeder uden størrelsesbegrænsning. Testet med fotos op til 8K (7680×4320px).

Outputkvalitet

  • PNG: Tabsløs komprimering, 100% kvalitet
  • WebP: Justerbar kvalitet 1-100% (anbefalet 90%)
  • JPG: Justerbar kvalitet 1-100% (anbefalet 90%)

Renderingsteknologi

Vi bruger HTML5 Canvas API med anti-aliasing for glatte kanter uden “trappetrin”.

Ofte stillede spørgsmål (FAQ)

Hvorfor bliver mit cirkulære foto deformeret til en ellipse? Forudindstillingen “Cirkel” fungerer perfekt på kvadratiske fotos (1:1 billedformat). Hvis du uploader et rektangulært foto (f.eks. 16:9 eller 4:3), vil resultatet være en ellipse (oval), ikke en perfekt cirkel. Løsning: Før behandlingen beskærer du fotoet til et kvadrat med vores “Beskær billede”-værktøj eller i en hvilken som helst editor. Derefter bruger du forudindstillingen “Cirkel” og får et perfekt rundt foto.
Kan jeg afrunde hjørnerne på en animeret GIF? Aktuelt ikke – GIF-animationer understøttes desværre ikke. Værktøjet behandler kun statiske billeder (JPG, PNG, WebP). Hvis du uploader en animeret GIF, behandles kun den første ramme. For at bevare animationen skal du bruge et specialiseret værktøj til arbejde med GIF-filer.
Hvordan laver jeg et perfekt cirkulært profilfoto? Følg disse trin:
1. Beskær fotoet til et kvadrat (1:1 forhold) – du kan bruge vores “Beskær billede”-værktøj
2. Upload det kvadratiske foto til hjørneafrundingsværktøjet
3. Klik på forudindstillingen “Cirkel” (sætter 50% afrunding)
4. Vælg baggrund “Gennemsigtig” (vigtigt for transparente hjørner)
5. Vælg format “PNG” (JPG understøtter ikke gennemsigtighed)
6. Download resultatet – du har et perfekt rundt foto med gennemsigtig baggrund, ideelt til avatarer!
Hvorfor har de afrundede hjørner grove, takkede kanter? Det kan have flere årsager: 1) Lav opløsning af det originale foto – for glatte kanter anbefaler vi mindst 800×800 pixels. Mindre fotos har ikke nok pixels til at tegne en glat kurve. 2) Kraftig JPG-komprimering – prøv PNG-output for bedre kvalitet. 3) Browser – ældre browsere har ikke så god anti-aliasing. Vores værktøj bruger Canvas API med anti-aliasing, men kvaliteten afhænger også af inputbilledet.
Kan jeg indstille forskellige afrundinger for hvert foto ved batchbehandling? Nej – batchbehandling anvender de samme indstillinger på alle uploadede fotos samtidigt. Dette er dens største fordel – hastighed og konsistens. Hvis du har brug for individuel afrunding for hvert foto (f.eks. foto 1 har 10%, foto 2 har 20%), skal du behandle dem enkeltvis eller i flere batches med de samme indstillinger.
Påvirker afrunding af hjørner kvaliteten af det originale foto? Nej, hvis du vælger det korrekte outputformat. Ved brug af PNG (tabsløs komprimering) eller JPG/WebP med kvalitet 90-100% er processen praktisk talt tabsfri. Afrundingen skabes ved hjælp af Canvas API clipping – de originale pixels inden for det afrundede område forbliver uberørte. Den eneste ændring er hjørnerne, hvor baggrunden (gennemsigtig/hvid/sort/brugerdefineret) tilføjes.
Fungerer værktøjet offline uden internetforbindelse? Ja! Efter første indlæsning af siden gemmes værktøjet i din browsers cache (takket være service worker). Ved næste besøg, selv uden internet, fungerer værktøjet fuldt ud. Fotos behandles lokalt i din browser, så du har ikke brug for internet under behandlingen. Ideel til arbejde på farten eller steder med dårligt signal.
Behandler I fotos på jeres server? Absolut ikke! Alt kører 100% lokalt i din browser ved hjælp af HTML5 Canvas API og JavaScript. Fotos uploades aldrig, forlader ikke din computer, og vi har ikke adgang til dem. Derfor fungerer værktøjet også offline og er sikkert selv for fortroligt firmamateriale eller personlige fotos. Ingen cookies, ingen sporing, ingen datalagring.
Hvordan afrunder jeg hjørner efter præcise CSS-værdier (f.eks. border-radius: 16px)? Hvis du arbejder efter et designsystem og har brug for præcis 16px afrunding (ligesom CSS border-radius: 16px), skal du gøre følgende: 1) Skift enheder fra “Procent” til “Pixels”. 2) Indstil skyderne til værdien 16. 3) Sørg for, at hjørnerne er forbundet (🔗) for ensartet afrunding. Den resulterende fil vil have præcis 16px radius, konsistent med dit CSS-design.
Kan jeg oprette asymmetrisk afrunding (hvert hjørne forskelligt)? Ja! Dette er en af værktøjets avancerede funktioner. Klik på låseikonet (🔓) for at fjerne forbindelse til hjørnerne. Derefter kan du indstille hvert hjørne individuelt ved hjælp af separate skydere. Du kan skabe interessante effekter, f.eks.: kun de nederste hjørner afrundede (moderne kortdesign), ét hjørne markant mere (asymmetrisk komposition), eller øverste venstre + nederste højre (diagonal dynamik). Brug det kreativt!

Forskel fra CSS border-radius

Hvorfor ikke bare CSS?

CSS border-radius fungerer kun i browseren – det afrunder ikke den faktiske billedfil. Det betyder:

  • ❌ Du kan ikke afrunde et foto til Instagram, e-mail, print
  • ❌ Understøtter ikke gennemsigtig baggrund (skaber kun en visuel illusion)
  • ❌ Fungerer ikke uden for web (PowerPoint, PDF, Word)

Vores værktøj skaber en faktisk afrundet fil:

  • ✅ Du downloader et faktisk redigeret billede
  • ✅ Gennemsigtig baggrund er faktisk gennemsigtig (alpha-kanal)
  • ✅ Kan bruges overalt (web, print, apps, sociale medier)
  • ✅ En fil, ingen yderligere CSS-kode

Fordele i forhold til Photoshop og andre programmer

✅ Ingen installation – start med det samme i browseren ✅ Multiplatform – Windows, Mac, Linux, Android, iOS ✅ Helt gratis – uden begrænsninger, uden vandmærker ✅ Nemmere end Photoshop – 3 klik vs. 10+ trin ✅ Hurtigere – uden at vente på programstart ✅ Batchbehandling – rediger snesevis af fotos på én gang ✅ Forudindstillinger – ingen manuelle radiusberegninger ✅ Sikkert – fotos forlader ikke din computer

Sikkerhed og privatliv

Dine fotos forlader aldrig din computer. Behandlingen foregår 100% lokalt i din browser ved hjælp af moderne webteknologier.

Hvad betyder det?

  • ✓ Ingen upload til server
  • ✓ Ingen datalagring
  • ✓ Fungerer også uden internet (efter indlæsning)
  • ✓ Vi har ikke adgang til dine fotos

Ideel til:

  • Fortroligt firmamateriale
  • Personlige fotos
  • NDA-projekter
  • Følsomme data

Efter lukning af browseren slettes alle midlertidige data automatisk.

Start med det samme – upload dit første foto og skab moderne afrundede hjørner på få sekunder. Enkelt, hurtigt, sikkert.