Screenshot mooier maken

Over het mooier maken van een screenshot

Een ruwe screenshot is een rechthoek met harde randen die slecht op een pagina staat. Zet hem in een blogbericht, een dia, een winkelvermelding of een social post en hij ziet eruit als precies wat hij is: iets wat erin geplakt is.

De oplossing is wat teams met oog voor vormgeving toch al met de hand doen — een gekleurde achtergrond, wat lucht, afgeronde hoeken en een zachte schaduw, zodat de afbeelding *op* de pagina ligt in plaats van eraan vastgeplakt te zitten.

Hier kost dat ongeveer vier seconden. Plak de screenshot, kies een achtergrond, download hem.

Gewoon plakken

Druk ergens op deze pagina op Ctrl+V (⌘V op een Mac) en de screenshot uit uw klembord verschijnt, klaar voor gebruik.

Dat is de bedoeling van de tool. Het moment dat telt is vlak na het indrukken van PrintScreen — u eerst een bestand laten opslaan en dat daarna weer laten opzoeken, bouwt een omweg in precies die ene stap waarvoor u kwam. Een bestand erin slepen en klikken om te bladeren werken natuurlijk ook.

De vier dingen die ertoe doen

• Achtergrond — negen kant-en-klare keuzes: verzadigde verlopen voor social media, rustiger varianten voor dia's, effen wit voor documentatie, en een transparante optie om het resultaat ergens anders op te leggen. Of vink Eigen kleuren kiezen aan en bepaal beide uiteinden van het verloop.
• Marge — hoeveel achtergrond er rond de screenshot te zien is. Hij wordt gemeten als aandeel van de afbeelding, zodat een brede en een hoge screenshot even goed omlijst terugkomen.
• Afgeronde hoeken — een kleine radius oogt modern, een grote oogt als een app-pictogram. Nul houdt de oorspronkelijke harde randen.
• Schaduw — hoe ver de screenshot van de achtergrond loskomt. Een beetje gaat ver; een zware schaduw oogt gedateerd.

Verhoudingen die passen waar het heen gaat

Laat Verhouding op *De screenshot volgen* en het resultaat houdt de verhoudingen waarmee u begon.

Of kies de verhouding van de plek waar het heen gaat, en de achtergrond wordt uitgebreid om te passen, zonder de screenshot zelf op te rekken of bij te snijden:

• 16:9 — dia's, videominiaturen, de openingsdia van een presentatie
• 1:1 — een vierkante social post
• 4:5 — een staande post, die meer van een telefoonscherm inneemt
• 1200×630 — de linkvoorbeeldkaart, de afbeelding die verschijnt als iemand uw pagina deelt

Kopiëren of downloaden

PNG downloaden slaat de afbeelding op. Afbeelding kopiëren zet hem rechtstreeks op uw klembord, zodat u hem kunt plakken in het document, de dia of de post die u toch al open had — geen bestand, geen downloadmap, geen opruimen achteraf.

Koos u de transparante achtergrond, dan behoudt de PNG die transparantie, zodat hij op elke kleur kan liggen.

Er wordt niets geüpload

Het geheel is één canvas in uw browser. Uw screenshot wordt nooit naar een server gestuurd — en dat telt, want screenshots staan vol met dingen die u niet wilde publiceren: e-mailadressen, klantnamen, interne dashboards, bestandspaden, browsertabbladen.

Het betekent ook dat er geen groottelimiet is en geen wachttijd. Een 4K-screenshot gaat even snel als een kleine.

Waarvoor mensen het gebruiken

• Blogberichten en documentatie — screenshots die er niet ingeplakt uitzien
• Social posts over een functie, een lancering, een resultaat
• Dia's waarop een ruwe screenshot onaf lijkt
• App-store- en productvermeldingen
• Bugrapporten en changelogs die anderen gaan lezen
• Portfolio's en casestudy's
• Linkvoorbeeldafbeeldingen, in het formaat 1200×630

Goed om te weten

• De screenshot zelf wordt nooit geschaald of opnieuw gecomprimeerd — alleen de achtergrond eromheen komt erbij, dus de pixels blijven net zo scherp als ze binnenkwamen
• Plakken werkt in Chrome, Edge, Firefox en Safari; Afbeelding kopiëren vraagt een recente Chrome of Edge, en de knop Downloaden werkt altijd
• Een transparante achtergrond blijft alleen in PNG behouden, en dat is precies wat dit opslaat
• Om de screenshot eerst bij te snijden gebruikt u Afbeelding bijsnijden
• Om iets gevoeligs erin te verbergen gebruikt u Deel van een afbeelding vervagen
• Om het bestand daarna kleiner te maken gebruikt u Afbeelding comprimeren

Zo gebruikt u het

• Druk op Ctrl+V om een screenshot te plakken, of klik op het vak om een bestand te kiezen
• Kies een achtergrond, of vink Eigen kleuren kiezen aan
• Stel marge, afgeronde hoeken en schaduw bij tot het goed staat
• Kies een verhouding als het naar een plek met een vast formaat gaat
• Druk op PNG downloaden, of op Afbeelding kopiëren om hem meteen te plakken

Verwante tools

• Afbeelding bijsnijden — de screenshot bijsnijden voor u hem omlijst
• Deel van een afbeelding vervagen — alles wat privé is verbergen
• Watermerk op afbeelding — er uw logo op zetten
• Afbeelding comprimeren — de uiteindelijke PNG verkleinen
• Afbeelding vergroten of verkleinen — een exact pixelformaat instellen
• Schermrecorder — wanneer een video het beter vertelt dan een plaatje