Rand of marge om afbeelding

Zo zet je een rand om een afbeelding

1. Sleep een of meer afbeeldingen naar het invoervak of klik erop om ze te kiezen. Elk bestand krijgt een eigen regel in de lijst.
2. Kies onder Maten in voor pixels voor exacte breedtes, of % van de kortste zijde zodat afbeeldingen van verschillende grootte een rand in dezelfde verhouding krijgen.
3. Stel de Randdikte en Randkleur in: dat is het buitenste kader.
4. Stel de Marge en Margekleur in: dat is de ruimte tussen de rand en de afbeelding, zoals het passe-partout van een ingelijste afdruk. Gebruik 0 voor geen marge.
5. Rond het kader af met Hoekradius, en vink Slagschaduw aan om de afbeelding van de pagina te laten loskomen; Schaduwgrootte bepaalt hoe zacht en breed die is.
6. Laat onder Buiten de rand de optie Transparant aangevinkt voor afgeronde hoeken en schaduwen die op elke achtergrond passen, of vink hem uit en kies een Buitenkleur.
7. Kies het Uitvoerformaat en de Kwaliteit, bekijk het Voorbeeld van de eerste afbeelding en klik op Rand toevoegen. Download elke afbeelding met haar eigen knop, of gebruik Alles downloaden.

Hoe de lagen in elkaar passen

Van binnen naar buiten bestaat het resultaat uit de afbeelding, de marge, de rand en, als je die hebt ingeschakeld, een extra strook voor de schaduw. Een foto van 1200 × 800 met 20 px rand en 40 px marge wordt 1320 × 920 px: aan elke kant komt er 60 px bij. De afbeelding zelf wordt nooit geschaald of bijgesneden en behoudt dus haar volledige resolutie.

De Hoekradius geldt voor de buitenrand van het kader. De binnenranden worden met dezelfde curve afgerond, min de breedte van rand en marge, zodat de lijnen evenwijdig blijven, net als bij een echte afgeronde lijst. Zonder rand en marge rondt de radius de foto zelf af.

De Slagschaduw heeft ruimte rond het kader nodig, dus de tool voegt een strook toe van ongeveer anderhalf keer de schaduwvervaging. Die strook is transparant, of gevuld met de Buitenkleur als Transparant niet is aangevinkt.

Transparantie en bestandsformaten

Afgeronde hoeken en schaduwen hebben transparante pixels nodig om er op elke achtergrond goed uit te zien. PNG en WebP bewaren die. JPG kent geen transparantie: sla je op als JPG, dan wordt alles buiten het kader gevuld met de Buitenkleur. Kies dus de kleur van de pagina waarop de afbeelding komt te staan. Zelfde als origineel behoudt het invoerformaat als de browser het kan schrijven, en slaat andere formaten (GIF, BMP…) op als PNG.

Ideeën

• Een witte marge van 5% met een dunne grijze rand geeft elke foto een strakke “galerie”-look.
• Afgeronde hoeken met een zachte schaduw laten screenshots er verzorgd uitzien in presentaties en documentatie.
• Gebruik %-eenheden om een hele reeks foto’s van verschillende grootte consequent te omlijsten.

Alle verwerking gebeurt in je browser: je afbeeldingen worden nooit geüpload en de nieuwe bestanden bevatten geen EXIF-metadata.