Hoeken van afbeelding afronden en randen toevoegen

Verzacht de kanten, snijd rond bij en zet gekleurde kaders met transparante achtergrond. Meerdere afbeeldingen tegelijk, alles in je browser.

Sleep je afbeeldingen hierheen

of klik om ze te kiezen — JPG, PNG, WEBP. Je kunt er meerdere tegelijk selecteren.

Hoe je hoeken afrondt en randen toevoegt

Begin met je afbeeldingen naar de sleepzone te trekken, of klik erop om de bestandskiezer te openen. Meerdere foto's tegelijk stuur je door Ctrl (of Cmd op een Mac) ingedrukt te houden tijdens het selecteren, en geaccepteerd worden JPG, PNG, WEBP, GIF en BMP. Met meer dan één bestand verschijnen boven het voorbeeld tabbladen met de naam van elke afbeelding: klik om te wisselen en te controleren hoe je instellingen op elke foto uitpakken. Vlak onder het voorbeeld staan de uiteindelijke afmetingen in pixels, de rand al meegerekend.

De eerste keuze is de vorm. Afgeronde hoeken houdt de originele verhoudingen van de foto en verzacht alleen de kanten. Cirkel snijdt de afbeelding in het midden bij naar 1:1 en legt er een rond masker overheen: de juiste keuze voor profielfoto's en avatars, omdat het platdrukken uitblijft dat ontstaat als een staand portret in een cirkel wordt geperst. Vierkant snijdt alleen in het midden bij naar 1:1, zonder afronding. In de modus met afgeronde hoeken regelt de straalschuif de kromming als percentage van de kortste zijde, en met de vier knoppen eronder zet je afzonderlijke hoeken uit: één klik en die hoek is weer recht.

De randdikte stel je in pixels in en wordt buiten de afbeelding getekend, dus er gaat niets van de originele inhoud verloren. Zodra de waarde boven nul komt, verschijnen de kleurkiezer, het veld voor de hexadecimale code en een palet met acht kant-en-klare kleuren. De rand volgt de gekozen kromming, dus in de cirkelmodus wordt hij een perfecte ring. De optie voor een zachte schaduw tilt de afbeelding licht van de ondergrond, handig voor thumbnails op lichte achtergronden. Het vinkje voor transparante achtergrond staat standaard aan en zorgt ervoor dat de weggesneden hoeken echt open blijven.

Kies tot slot het downloadformaat. PNG is de aanbevolen waarde, omdat het de transparantie van de hoeken bewaart zonder kwaliteitsverlies. WEBP houdt de transparantie ook en levert kleinere bestanden, wat het ideaal maakt voor gebruik op een site. JPG kent geen transparantie, dus bij die keuze worden de hoeken gevuld met de achtergrondkleur uit de regelaars. Met de downloadknop bewaar je alleen de foto op het scherm, en met alles downloaden haal je de hele reeks op als .zip met dezelfde instellingen.

Veelgestelde vragen

Worden mijn afbeeldingen naar een server geüpload?

Nee. Het bijsnijden en het tekenen van de rand gebeuren allebei in je browser via Canvas. Er gaat geen enkel bestand het internet op.

Kan ik de hoeken van meerdere afbeeldingen tegelijk afronden?

Ja. Upload zoveel afbeeldingen als je wilt: dezelfde straal, rand en vorm gelden voor allemaal. Download ze één voor één of haal de hele reeks op in één .zip-bestand.

Waarom worden mijn afgeronde hoeken wit of zwart na het opslaan?

Dat gebeurt bij export naar JPG, een formaat zonder enige transparantie: het weggesneden deel moet met iets gevuld worden. Wil je dat de hoeken echt open blijven, kies dan PNG of WEBP en laat het vinkje voor transparante achtergrond staan. Dwingt de bestemming je tot JPG, zet de achtergrondkleur dan gelijk aan die van de site of het document waar de afbeelding terechtkomt.

Welke straal past bij thumbnails en kaarten op een site?

Moderne interfaces zitten meestal tussen 8% en 16% van de kortste zijde, wat ruwweg neerkomt op 8-16 px bij een thumbnail van 100 px. Boven de 25% gaat de vorm op een capsuleknop lijken, en bij 50% wordt de rechthoek een cirkel of ellips. Hebben de kaarten van je site al een straal in de CSS, dan sluit dezelfde verhouding op de afbeelding perfect aan.

Hoe maak ik een ronde profielfoto met een kader?

Kies de vorm Cirkel: de tool snijdt de afbeelding in het midden bij naar 1:1 voordat het masker eroverheen gaat, zodat staande portretten niet worden platgedrukt. Zet daarna de randdikte op 10 tot 30 px en kies de kaderkleur. Exporteer als PNG zodat het gebied rond de cirkel op elke achtergrond transparant blijft: dat is het formaat dat LinkedIn, Discord, WhatsApp en de meeste avatarsystemen verwachten.

Kan ik maar een paar hoeken afronden?

Ja. In de vorm met afgeronde hoeken staan vier knoppen, één per hoek. Zet de hoeken uit die recht moeten blijven: handig voor afbeeldingen die tegen de bovenrand van een kaart aan liggen, waar alleen de onderste hoeken afronding nodig hebben, of voor banners die tegen een schermrand aansluiten.

Maakt de rand de afbeelding groter?

Ja. De rand wordt buiten de foto getekend, dus een afbeelding van 800×600 px met een rand van 20 px komt eruit als een bestand van 840×640 px. Er wordt niets van het originele vlak weggesneden. De uiteindelijke afmetingen staan vlak onder het voorbeeld.

Ga verder met een andere tool

Afbeelding Bijsnijden

Bijsnijden in elke verhouding

Verloop-generator

Maak gekleurde achtergronden en texturen

Achtergrond Verwijderen

Maak de achtergrond transparant

Favicon Generator

Genereer het icoon van je site