Screenshot-framer
Wikkel screenshots in een lichte of donkere browserbalk, een macOS-venster of zonder kader, zet ze op 8 verloop- of effen achtergronden en exporteer een strak PNG op 1x of 2x. Gratis, zonder watermerk, volledig in je browser.
Wat doet de screenshot-framer?
Hij wikkelt je screenshot in een realistische schil — een lichte of donkere browser-adresbalk, een macOS-venster met de klassieke verkeerslichtpunten of helemaal geen kader — zet hem op een verloop- of effen achtergrond en exporteert een afgerond PNG voor documentatie, social posts of store-vermeldingen.
Kan ik de tekst in de browserbalk aanpassen?
Ja. Het URL- of titelveld bepaalt de tekst in de adresbalk van de browserschillen en de gecentreerde venstertitel van de macOS-schil, zodat je mockup elk domein of label kan tonen.
Welke achtergronden zijn er?
Acht zorgvuldig gekozen meerstaps verlopen plus een kleurenkiezer voor elke effen kleur. De live voorbeeldweergave werkt direct bij bij wisselen.
Wat doenstraal, binnenmarge en schaduw?
De hoekstraal ronddt het kader-venster van 0 tot 24 px, de binnenmarge voegt 0 tot 64 px lucht toe tussen schil en screenshot, en de schaduwsterkte van 0 tot 100 procent bepaalt hoe sterk het venster van de achtergrond aflicht.
Moet ik in 1x of 2x exporteren?
Gebruik 1x om snel te delen en 2x wanneer het beeld op retina-schermen verschijnt of wordt ingezoomd, bijvoorbeeld in documentatie of een store-galerij. De 2x-export verdubbelt breedte en hoogte voor strakke scherpte.
Worden mijn screenshots geüpload?
Nee. De compositie gebeurt volledig op een canvas-element in je browser en de geëxporteerde PNG wordt lokaal gegenereerd. Je afbeeldingen verlaten je apparaat nooit.
Hoe krijg ik mijn screenshot in de tool?
Drie manieren: klik op het uploadgebied om een bestand te kiezen, sleep een screenshot erheen, of plak hem rechtstreeks vanaf je klembord met de plak-sneltoets.
Waar gebruik je ingekaderde screenshots?
Overal waar een strak productbeeld helpt: readme-bestanden en documentatie, blogposts, changelogs, tweets, dribbble-shots, presentaties en galerijen van app- of extensiestores.
Hoe Screenshot-framer te gebruiken
Deze framer maakt van een ruwe screenshot een presentatieklare afbeelding zonder enig ontwerpgereedschap. Hij wikkelt de shot in een lichte of donkere browseradresbalk, een macOS-venster met verkeerslichtknoppen, of laat hem naakt, zet hem op een van de acht verlopen of elke effen kleur, en componeert alles live op een canvas. Straal, opvulling, schaduw en de adresbaltekst zijn allemaal instelbaar, en de PNG-export draait lokaal in je browser.
- Sleep een screenshot naar het uploadgebied, klik om een bestand te kiezen, of plak er een uit het klembord.
- Kies een kader in de Kader-keuze: Browser licht, Browser donker, macOS-venster of Geen kader.
- Kies een achtergrond: klik op een van de acht verloopstalen, of kies elke effen kleur met de kleurstaal rechts.
- Bewerk het URL- of titelveld om het label in de browserbalk of macOS-titel te veranderen, en stel hoekstraal, opvulling en schaduw fijn af met de drie schuifjes.
- Wissel de exportschaal tussen 1x en 2x, controleer de live voorbeeldweergave en druk op PNG exporteren om jouw-screenshotnaam_frame.png op te slaan.
Voor documentatie en app store-galerijen gebruik je de 2x-export — de verdubbelde resolutie blijft scherp op retina-schermen, terwijl 1x bestanden klein houdt voor chats en sociale berichten.
Gerelateerde tools
- Code naar Afbeelding Converteer codefragmenten naar deelbare afbeeldingen met syntaxismarkering, aangepaste thema's en vensterdecoraties. 100% privacy, alles in je browser.
- Afbeeldingscollage Gratis online afbeeldingscollage-maker. Combineer foto's met lay-outsjablonen of lange afbeeldingssamenvoeging. Voeg annotaties, watermerken toe en exporteer als JPG of PNG.
- Afbeeldingscompressor Comprimeer JPEG-, PNG- en WebP-afbeeldingen in uw browser. Pas kwaliteit aan, wijzig formaat en converteer zonder uploaden.
- Afbeeldingswatermerk Voeg gratis tekst- of afbeeldingswatermerk toe aan foto's online. Pas positie, doorzichtigheid, grootte, lettertype en tegeling aan. Bescherm uw afbeeldingen direct.
- Afbeelding Formaat Wijzigen Afbeeldingen verkleinen of vergroten met verhoudingsvergrendeling en percentuele schaling. 100% in de browser, geen upload.
- GIF Frames Splitsen Extraheer en download afzonderlijke frames uit GIF-animaties als PNG of sprite-sheet. Gratis online tool met preview en ZIP-export.
- GIF Omkeren Keer de afspeelvolgorde van GIF-animaties gratis online om. Upload, bekijk en download direct.
- GIF Snelheidswijziger Wijzig de GIF-animatiesnelheid online. Versnel of vertraag GIF-bestanden direct.