Een rauwe screenshot ziet er vlak uit in een tweet, een dia of een landingspagina. Deze tool zet hem op een mooie gradiënt (of een effen kleur), voegt ademruimte-opvulling toe, rondt de hoeken af en legt er een zachte schaduw onder — de verzorgde look die je overal in productscreenshots ziet. Kies een beeldverhouding voor social of houd het automatisch.
Alles wordt live samengesteld op een canvas in je browser en geëxporteerd als PNG. Je screenshot — die misschien privégegevens toont — wordt nooit geüpload.
Hoe te gebruiken
- Voeg een screenshot toeSleep de afbeelding erin die je wilt opsmukken.
- Stijl het kaderKies een achtergrond, opvulling, hoekradius en schaduw; kies een beeldverhouding als je die nodig hebt.
- Download PNGSla de verzorgde afbeelding op, klaar voor social, documenten of dia's.
Maak van een ruw screenshot een productscreenshot
De screenshot-verfraaier zet je vastlegging op een achtergrond en voegt de drie dingen toe die een screenshot ontworpen laten ogen in plaats van gegrepen: padding rond de afbeelding, afgeronde hoeken op het screenshot zelf, en een zachte slagschaduw die het van het oppervlak tilt. Kies een preset-gradiënt, een effen kleur of een transparante achtergrond, pas elke regeling aan, en kijk hoe de preview live bijwerkt voordat je een PNG exporteert.
Alles wordt op een canvas in je browser samengesteld, dus het screenshot wordt nooit geüpload. Dat telt omdat een screenshot een privébericht, een factuur, een dashboard of een token in een URL-balk kan bevatten — een schaduw toevoegen zou niet moeten betekenen dat je iets daarvan naar een server stuurt. Er is geen account, en nadat de pagina is geladen blijft hij offline werken.
De juiste vorm voor waar het ook heen gaat
Elke plek waar je een afbeelding post verkiest een vorm. Vergrendel de uitvoer op 16:9 voor diapresentaties en brede sociale kaarten, 1:1 voor een vierkante Instagram- of LinkedIn-post, 3:4 voor een hoge afbeelding die meer van een telefoonscherm vult, of laat het op Auto zodat het kader zich om het screenshot plus de padding wikkelt. Wanneer je een verhouding vergrendelt, vult de padding de rest van het kader op zodat de export in het vak past zonder onhandige bijsnede.
Zet de achtergrond op transparant en de PNG exporteert met het paddinggebied doorschijnend — de padding, hoekstraal en schaduw blijven allemaal, alleen de vulling achter de schaduw verdwijnt. Dat is de versie die je op je eigen achtergrond in Figma, Keynote of een thumbnail plaatst.
Waar mensen het voor gebruiken
Lancerings- en changelog-opnamen — Laat een productscreenshot op een zachte gradiënt zweven zodat een release-post of changelog bedoeld oogt in plaats van ruw.
Gepolijste tweets en draden — Voeg padding, afgeronde hoeken en een vage schaduw toe zodat je screenshot niet botst met de tekst eromheen.
Diapresentaties — Exporteer op 16:9 met een schone achtergrond zodat screenshots consistent over een presentatie zitten.
Vierkante sociale posts — Vergrendel 1:1 zodat een breed screenshot in een Instagram- of LinkedIn-raster past zonder bijgesneden te worden.
Figma- en Keynote-assets — Exporteer op een transparante achtergrond om de afgeronde hoeken en schaduw te behouden, en zet het dan op je eigen lay-out.
Documentatiekoppen — Zet een screenshot op een effen merkkleur voor een net, on-brand hero-beeld in documentatie of een wiki.
Een kale screenshot ziet er vlak uit waar je hem ook plakt
Een screenshot rechtstreeks van je scherm is een rechthoek pixels met een harde rand aan alle vier de zijden. Op zichzelf is dat prima voor een bugrapport. Maar op het moment dat je hem in een tweet, een slide, een landingspagina-heldenbeeld, of een Notion-document zet, ziet hij er onaf uit — hij botst recht tegen de tekst eromheen, de hoeken voelen scherp en goedkoop, en er is geen scheiding tussen de afbeelding en de achtergrond. Je hebt de verzorgde versie honderd keer gezien: een productscreenshot zwevend op een zacht kleurverloop, met wat ademruimte eromheen, licht afgeronde hoeken, en een vage schaduw zodat hij van de pagina afkomt. Die look is geen filter of stocksjabloon. Het zijn drie kleine dingen op elkaar gestapeld, en deze tool doet precies die drie dingen.
Je sleept een screenshot op het canvas en het stelt de afgewerkte afbeelding live in je browser samen. Je kiest een achtergrond — een vooraf ingesteld verloop, een effen kleur, of transparant — stelt in hoeveel opvulling rond de screenshot zit, kiest de hoekstraal, en draait de slagschaduw omhoog of omlaag. De voorvertoning werkt bij terwijl je gaat. Als het er goed uitziet, exporteer je een PNG. De screenshot, die een e-maildraad, een dashboard, een chat, rekeningnummers, van alles kan bevatten, wordt rechtstreeks op een <canvas>-element getekend en verlaat het tabblad nooit. Geen upload, geen account, en zodra de pagina geladen is blijft het werken met het netwerk uit.
Wat opvulling, afronding, schaduw en verloop daadwerkelijk doen
- Opvulling geeft de screenshot marge zodat hij niet van rand tot rand gepropt zit. Dat gat is wat hem laat lezen als een bewust object dat op een oppervlak geplaatst is in plaats van een ruwe opname.
- Afgeronde hoeken op de screenshot zelf verzachten de vier harde rechte hoeken. Het is een minieme wijziging die meteen leest als "ontworpen" in plaats van "gegrepen".
- Een zachte slagschaduw scheidt de screenshot van de achtergrond, zodat het lijkt alsof hij iets boven het oppervlak zit in plaats van vlak erop geplakt. Houd hem vaag — dat is wat de diepte verkoopt zonder zwaar te ogen.
- Een verloop- (of effen) achtergrond vult de opvulling met kleur. Een zacht tweekleurig verloop is de allergrootste reden dat die app-lancering- en changelog-screenshots er duur uitzien; een effen kleur is het rustigere, on-brand-alternatief.
Samen zijn dit de "productscreenshot"-look, en dat is de hele reikwijdte van de tool — niet meer, niet minder.
Beeldverhoudingen voor waar het heen gaat
De uitvoer kan Auto zijn (het kader omhult gewoon je screenshot plus opvulling) of vergrendeld op 16:9, 4:3, 1:1 of 3:4. De verhouding telt omdat elke plek waar je post een vorm heeft die hij verkiest: 16:9 voor slidedecks en brede sociale kaarten, 1:1 voor een vierkante Instagram- of LinkedIn-post, 3:4 voor een hoge afbeelding die meer van een telefoonscherm vult. Vergrendel de verhouding en de opvulling vult de rest van het kader rond je screenshot, zodat de export in dat vak past zonder ongelukkig bijgesneden te worden.
Transparante achtergrond, met opzet
Zet de achtergrond op transparant en de PNG exporteert met het opvullingsgebied doorzichtig in plaats van gekleurd. Dat is degene die je wilt wanneer je de afgerond-hoek-, geschaduwde screenshot op je eigen achtergrond in Figma, Keynote, of een thumbnail gaat plaatsen — je behoudt de opvulling, straal en schaduw, en zet hem op welk oppervlak je ook al hebt. De schaduw blijft; alleen de vulling erachter verdwijnt.
Waarom alleen-lokaal hier het punt is
Screenshots zijn stilletjes een van de meest privé dingen waarvan je ooit een versie zult willen delen. Eén enkele opname kan de naam van een klant tonen, een factuur, een privé-DM, een interne metriek, een token in een URL-balk. Een verfraaier die je afbeelding naar een server uploadt om hem te "verwerken" vraagt je dat allemaal te overhandigen alleen om een schaduw toe te voegen. Hier is het samenstellen gewoon canvaswerk in je eigen browser, dus er is niets te uploaden en niets om te vertrouwen.
Eén eerlijke noot over de reikwijdte: dit voegt de verloop-opvulling-schaduw-verfraaiing toe en niets anders. Het wikkelt je screenshot niet in een browservenster- of telefoonframe-mock-up, en het voegt geen pijlen, vervaging of annotaties toe — het is de verfraaiingslook, één screenshot tegelijk.
Waarom IMG.DIY
Gradiënt of effen
Preset-gradiënten of een willekeurige effen kleur.
Opvulling en afronding
Ademruimte en afgeronde hoeken.
Zachte schaduw
Instelbare diepte voor een zwevende look.
Privé
Lokaal samengesteld — nooit geüpload.