Runda bildhörn online – enkelt och gratis

Runda bildhörn online – modern design på några sekunder

Behöver du skapa runda profilbilder, runda hörnen på produktbilder eller ge foton en modern look? Vårt gratis onlineverktyg låter dig enkelt och snabbt redigera hörnen på vilken bild som helst direkt i din webbläsare. Ingen registrering, ingen programinstallation.

All bearbetning sker lokalt på din enhet – vi skickar ingenstans, dina foton förblir helt säkra hos dig. Perfekt för grafiker, webbdesigners, sociala medieansvariga och vanliga användare.

Hur man rundar bildhörn – en snabb guide

1. Ladda upp foton

Dra och släpp bilder i appen eller välj dem med knappen. Vi stöder JPG, PNG och WebP-format. Du kan ladda upp flera foton samtidigt för massbearbetning.

2. Välj förinställning eller anpassade inställningar

Börja med någon av de förberedda förinställningarna (Diskret, Medium, Stark, Cirkel) eller ställ in varje hörn individuellt för en unik effekt.

3. Anpassa detaljer

Justera rundningsradien, välj bakgrund (transparent, vit, svart, anpassad färg) och välj kurvtyp för ett perfekt resultat.

4. Ladda ner resultatet

Du kan ladda ner varje foto separat eller alla på en gång som ett ZIP-arkiv – perfekt när du arbetar med dussintals filer.

Rundningsförinställningar – snabb start

För de vanligaste användningsområdena har vi förberett 4 förinställda profiler. Bara ett klick och du kan ladda ner direkt.

Diskret rundning (5%)

När du ska använda: Modern webbdesign där du vill behålla ett skarpt, men inte för geometriskt utseende.

Idealisk för:

• Produktfoton för e-butiker
• Bilder till bloggar och artiklar
• Banners och annonser
• UI-design (applikationer, webbplatser)

Effekt: Nästan omärklig rundning som ger bilden ett mjukare, trevligare intryck utan en dramatisk förändring.

Medium rundning (10%)

När du ska använda: Ett universellt val för de flesta projekt. Rundningen är tydligt synlig men överskuggar inte bildens innehåll.

Idealisk för:

• Foton på landningssidor
• Videominiatyrer
• Teammedlemmar-sektioner
• Bildgallerier på webben

Effekt: Klassisk rundning som är standard i modern webbdesign. Ser professionellt och inbjudande ut.

Stark rundning (20%)

När du ska använda: När du vill ha ett distinkt designstatement eller om det passar ett varumärke med en lekfull karaktär.

Idealisk för:

• Kreativa portfolier
• Webbplatser och appar för barn
• Livsstilsbloggar
• Instagram grid design

Effekt: Framträdande rundning som är ett viktigt designelement. Foton får en specifik, minnesvärd look.

Cirkel (50%)

När du ska använda: Behöver du perfekt runda profilbilder eller cirkulära designelement.

Idealisk för:

• Avatarer och profilbilder
• Testimonials (kundreferenser)
• Teambilder
• Logotypplatshållare
• Profilbilder för sociala medier

Effekt: En kvadrat förvandlas till en cirkel, en rektangel till en ellips. Perfekt för att skapa en enhetlig stil för hela teamets profilbilder.

Avancerade inställningar – full kontroll

Individuell inställning för varje hörn

Behöver du inte en symmetrisk rundning? Ställ in varje hörn separat för unika, asymmetriska effekter.

Exempel på asymmetrisk användning:

• Överst till vänster och nederst till höger rundade, de andra skarpa → dynamisk, modern look
• Endast nedre hörnen rundade → design inspirerad av Material Design
• Ett hörn betydligt mer rundat → okonventionell, uppmärksamhetsfångande design

Så här gör du:

1. Klicka på låsikonen (🔓) för att koppla ur hörnen
2. Varje reglage styr ett specifikt hörn
3. Se ändringarna i realtid
4. Klicka på 🔗 för att återansluta alla hörn

Måttenheter – procent vs. pixlar

Procent (%) – rekommenderas Radien beräknas relativt till bildens storlek. 10% innebär att rundningen ser proportionerligt likadan ut på både små och stora bilder.

När du ska använda: När du bearbetar foton av olika storlekar och vill ha en enhetlig visuell effekt.

Pixlar (px) – exakt kontroll Radien har en absolut storlek oavsett bildens dimensioner. 50px kommer alltid att vara 50px.

När du ska använda: När du behöver en exakt definierad radie (t.ex. ett designsystem kräver 16px border-radius).

Välja bakgrund – vad händer med hörnen?

När du rundar hörnen måste du bestämma vad som ska visas där de skarpa kanterna tidigare fanns.

Transparent bakgrund (PNG) Hörnen blir transparenta – perfekt för användning på webbplatser med färgad bakgrund eller för ytterligare redigering i grafikprogram.

⚠️ Observera: Kräver PNG eller WebP som utdataformat. JPG stöder inte transparens!

Vit bakgrund Hörnen blir vita – ett standardval för foton som kommer att ligga på en vit bakgrund (e-butiker, tryckmaterial).

Svart bakgrund Hörnen blir svarta – använd för mörkt läge-design eller mörka bakgrunder.

Anpassad färg Välj en exakt färg med färgväljaren – perfekt matchning med färgtemat på din webbplats eller ditt varumärke.

Tips: Kopiera hexkoden för din webbplats bakgrundsfärg (t.ex. #F5F5F5) för perfekt matchning.

Kurvtyp – standard vs. smidig

Standardkurva (arcTo) Klassisk matematisk rundning som används i CSS border-radius. Skapar en enhetlig båge – exakt vad ögat är vant vid från de flesta webbplatser.

När du ska använda: För ett standardiserat, förutsägbart utseende som är kompatibelt med CSS-design.

Smidig kurva (quadraticCurve) En mjukare, organiskare kurva skapad med Bézierkurvor. Känns mjukare och mer naturlig.

När du ska använda: För konstnärliga foton, organiska designer, när du vill ha något speciellt.

Skillnad: Standardkurvan har en konstant krökning. Den smidiga kurvan är mild i början och rundar av gradvis – den känns