Screenshot mooier maken

Zo maak je een screenshot mooier

1. Sleep een screenshot naar het uploadvlak, klik erop om een bestand te kiezen, of plak hem gewoon met Ctrl+V (⌘+V op een Mac) direct nadat je hem hebt gemaakt. De knop Plakken van klembord doet hetzelfde, als de browser dat toestaat.
2. Kies een Vensterkader: macOS-venster (de rode, gele en groene knopjes), Windows-venster (minimaliseren, maximaliseren en sluiten rechts), Browservenster (een tabblad, navigatieknoppen en een adresbalk) of Geen kader. Kies het Thema van het kader, Licht of Donker, passend bij de screenshot.
3. Typ een Venstertitel of URL. Die verschijnt in de titelbalk, of in het tabblad en de adresbalk van het browserkader (een https:// aan het begin wordt weggelaten, net als in browsers).
4. Kies een Achtergrond: een van de voorinstellingen onder Kleurverloop, een Effen kleur, je eigen Afbeelding, een Vervaagde screenshot (een zachte, vervaagde kopie van de opname zelf) of Transparant.
5. Pas Opvulling, Hoekradius, Grootte van de schaduw, Verschuiving van de schaduw en Dekking van de schaduw aan. Het voorbeeld wordt bijgewerkt terwijl je elke regelaar verschuift.
6. Kies een Beeldverhouding als de afbeelding voor een bepaalde plek bedoeld is, en een Uitvoerformaat.
7. Klik op PNG downloaden, of op Afbeelding kopiëren om het resultaat direct in een chat, document of presentatie te plakken.

Waarom een screenshot inkaderen?

Een kale screenshot heeft harde randen en gaat op in de witte pagina eromheen. Zet je hem op een gekleurde achtergrond, met ruimte eromheen en een zachte schaduw, dan komt hij los van de omringende inhoud en lees je hem als een object: een venster dat je laat zien, niet een stuk van de pagina. Die stijl zie je bij productlanceringen, changelogs, documentatie, tweets en presentaties.

De vensterkaders worden door de tool zelf getekend, pixel voor pixel, en niet uit een besturingssysteem gekopieerd. Ze geven context (een desktopapp, een website) en verbergen dat de opname is bijgesneden. Gebruik het browserkader voor webpagina’s: het toont ook je URL, wat handig is in handleidingen.

Beeldverhoudingen voor sociale media

Met Automatisch (passend bij de screenshot) is de afbeelding precies de screenshot plus de opvulling. De andere voorinstellingen maken de achtergrond in maar één richting groter en houden het venster in het midden, zodat er niets wordt bijgesneden:

• 16:9 (X / Twitter, YouTube, presentaties): de verhouding die X in de tijdlijn zonder bijsnijden toont, en de vorm van de meeste presentaties.
• 1,91:1 (linkvoorbeeld LinkedIn, Facebook): de vorm van Open Graph-linkafbeeldingen (1200 × 628 px).
• Vierkant 1:1 (Instagram) en Staand 4:5 (Instagram-feed): de twee vormen die de Instagram-feed volledig toont.
• 9:16 (Stories, Reels) voor verticale formaten, en 4:3 (presentaties) voor oudere presentatiesjablonen.

Formaat en kwaliteit

Het resultaat behoudt de volledige resolutie van je screenshot, zodat tekst scherp blijft. De opvulling is een percentage van de venstergrootte, en titelbalk, hoekradius en schaduw schalen mee met de breedte van de screenshot, zodat een Retina-opname en een kleine opname dezelfde look krijgen. Het PNG-formaat staat onder het voorbeeld. Zet Uitvoerformaat op 50% voor een lichter bestand, of op 200% om een kleine opname te vergroten. Heel grote resultaten worden verkleind tot het grootste canvas dat elke browser kan maken.

PNG is verliesvrij en behoudt transparantie: met de achtergrond Transparant blijven alleen het venster en de schaduw over, klaar om over elk ontwerp te leggen. Alles gebeurt in je browser: de screenshot wordt nooit geüpload.