Screenshot Studio: gratis screenshotverfraaier, editor en mockupmaker
Gratis screenshotstudio: leg uw scherm vast, voeg verloopachtergronden, raamkozijnen en 3D-kanteling toe, annoteer met pijlen, stappen, vervaging en spotlight, maak iPhone- en MacBook-mockups, zet code om in afbeeldingen, voeg scrollende schermafbeeldingen samen en verwijder statusbalken. PNG-, JPG-, WebP- of SVG-export tot 4×, 100% in uw browser.
Screenshot Studio is een gratis, alles-in-één screenshot-app die in uw browser wordt uitgevoerd. Leg uw scherm vast, verfraai opnamen met verloop, mesh of onscherpe achtergronden, raamkozijnen en 3D-kanteling, en annoteer ze met pijlen, genummerde stappen, spotlight en permanente redactie. Je kunt ze ook in iPhone-, iPad- en MacBook-mockups plaatsen, code omzetten in thema-afbeeldingen, scrollende opnames samenvoegen en telefoonscreenshots opschonen. Exporteer PNG, JPG, WebP of SVG zonder uploads, zonder watermerk en zonder aanmelding.
Screenshot Studio vervangt de stapel apps voor één doel waar de meeste mensen mee jongleren. Leg uw scherm, een venster of een browsertabblad vast; verfraai het met een verloop, mesh of onscherpe achtergrond, een macOS-, Windows- of browserframe en een 3D-kanteling; annoteer het met pijlen, genummerde stappen, tekstlabels, vervaging, spotlight en een vergrootglas; plaats het in een iPhone-, iPad- of MacBook-mockup; stitch scrollen legt vast in één lange afbeelding; of verander een codefragment in een deelbare afbeelding. Elke modus geeft het resultaat door aan de volgende met Verzenden naar, zodat een opname in één stroom kan worden bijgesneden, geannoteerd, verfraaid en ingelijst. Alles draait lokaal op de Canvas API, dus screenshots worden nooit geüpload en er is geen watermerk of aanmelding.
Functies
Vastleggen: pak uw scherm, een venster of een browsertabblad met een vertraging van 3/5/10 seconden en regioselectie
Plakken (Ctrl/⌘+V), slepen en neerzetten of uploaden naar elke modus, plus een ingebouwd voorbeeld om uit te proberen
Verzenden naar: geef het resultaat in één stroom door tussen Capture, Beautify, Annotate, Mockup, Stitch en Crop
Verfraaien: 18 verlopen, 8 mesh-gradiënten, effen achtergronden, achtergronden of wazige screenshot-achtergronden met korrel
macOS, Windows, browser (met URL), glas en raamkozijnen
Opvulling, inzet met automatische randkleur, hoekradius, 5 schaduwstijlen, 3D-perspectief kantelen en draaien
Voorinstellingen voor sociale canvas: X post, Open Graph, LinkedIn, YouTube, Product Hunt, Dribbble, 1:1, 4:5, 9:16 en aangepaste formaten
Kop-, subkop- en watermerktekst, 8 snelle stijlen, onthouden stijl en batch-ZIP-export
Annoteren: objectgebaseerde editor waarin u markeringen kunt selecteren, verplaatsen, vergroten of verkleinen, opnieuw opmaken, dupliceren, opnieuw rangschikken en verwijderen
Taps toelopende, klassieke en dubbele pijlen, rechthoeken, ellipsen, lijnen, tekstlabels, automatisch genummerde stappen en emoji-stempels
Redigeren met pixelvorming, vervaging of een zwarte balk, allemaal ingebakken in de geëxporteerde pixels
Spotlight, vergrootglas, markeervak, markeerstift en pen, met ongedaan maken/opnieuw uitvoeren en sneltoetsen
Zes apparaatafwerkingen, landschapsmodus, schermverblinding, 3D-kanteling en een responsieve scène voor MacBook + iPad + iPhone
Viewport-planner met de CSS-viewport, pixelverhouding en native screenshot-grootte van elk apparaat
Codeer naar afbeelding: 19 automatisch gedetecteerde talen, 10 thema's, regelnummers, gemarkeerde regels, verschillende kleuren, PNG en SVG
Naai verticaal, naast elkaar of in een raster met pixelnauwkeurige verwijdering van scroll-overlap en bijsnijden van sticky headers
Bijsnijden en opschonen: exacte verwijdering van statusbalk en thuisindicator voor iPhone/iPad-formaten, randen automatisch bijsnijden, roteren en spiegelen
Exporteer PNG, JPG of WebP met 1–4× en kopieer rechtstreeks naar het klembord, zonder watermerk en zonder uploads
Hoe Screenshotstudio te gebruiken
1
Breng een schermafdruk mee
Leg uw scherm, venster of tabblad vast in Capture, druk op Ctrl/⌘+V om te plakken, sleep een bestand naar binnen of klik op Probeer een voorbeeld.
2
Kies een modus
Kies Verfraaien, Annoteren, Mockup, Coderen, Samenvoegen of Bijsnijden en opschonen op de tabbladen. Uw werk in elke modus blijft behouden als u overschakelt.
3
Bewerking
Geef de achtergrond en het kader vorm, teken pijlen, stappen en redacties, plaats de opname in een apparaat, of naai en snij bij, allemaal met een live preview.
4
Ketenmodi
Gebruik Verzenden naar zodat het resultaat behouden blijft, bijvoorbeeld Vastleggen → Bijsnijden en opschonen → Annoteren → Verfraaien.
5
Exporteren
Kies PNG, JPG of WebP en een schaal van 1–4× en vervolgens Downloaden of Kopiëren. Alles wordt verwerkt op uw apparaat.
Veelvoorkomende gebruiksscenario's
Verander een gewone schermafbeelding in een X-, LinkedIn- of Product Hunt-post met een verloopachtergrond en kop
Annoteer bugrapporten met pijlen, genummerde stappen en geredigeerde persoonlijke gegevens
Schrijf helpcentrum- en onboardinghandleidingen met uitgelichte, stapsgewijze schermafbeeldingen
Toon een app of website in iPhone-, iPad- en MacBook-mockups voor een landingspagina of portfolio
Deel codefragmenten als themaafbeeldingen op sociale media, in dia's of in documenten
Voeg een lange scrollpagina of chat samen in één afbeelding zonder dubbele rijen
Reinig statusbalken en thuisindicatoren van schermafbeeldingen van telefoons voor de App Store en bekijk afbeeldingen
Maak voor/na-vergelijkingen en rasters voor release-opmerkingen en changelogs
Gedetailleerde gids
Verfraaien: social-ready screenshots in één klik
Beautify verpakt een eenvoudige screenshot in een gepolijste kaart. Kies een van de 18 verlopen, 8 mesh-gradiënten, een effen kleur, je eigen achtergrond of een wazige kopie van de schermafbeelding zelf, en stel vervolgens de opvulling, hoekradius, inzet, schaduw, 3D-kanteling en rotatie in. Canvas-presets geven het resultaat precies weer voor elk platform, en een kop, subkop en watermerk maken van een screenshot een voltooid bericht. Je stijl wordt onthouden in de browser en Batch past deze toe op veel schermafbeeldingen tegelijk en downloadt een ZIP.
Voorinstelling
Uitvoergrootte
Beste voor
X-bericht
1600 × 900 px
Tweets en draadjes
OG-afbeelding
1200 × 630 px
Linkvoorbeelden (Open Graph)
LinkedIn
1200 × 627 px
LinkedIn-link en feedposts
YouTube
1280 × 720 px
Videominiaturen
Productjacht
1270 × 760 px
Lanceer galerijafbeeldingen
Dribbel
1600 × 1200 px
Ontwerpopnamen
1:1 · 4:5 · 9:16
Verhouding van uw screenshot
Instagram-feed, portretposts, verhalen en rollen
Annoteer zoals een desktop-screenshot-editor
De annotatie-editor is objectgebaseerd: elke pijl, vakje, label of vervaging blijft bewerkbaar. Selecteer een markering om deze te verplaatsen, wijzig het formaat met de handvatten, wijzig de stijl, dupliceer deze of verwijder deze. Kies taps toelopende, klassieke of tweepuntige pijlen, omlijnde, getinte of effen vormen, en tekstlabels met een contrasterende omtrek die op elke achtergrond leesbaar is. Genummerde stapbadges tellen automatisch op. Redacties (pixelachtig, onscherp of een effen zwarte balk) worden in de geëxporteerde pixels geschreven, zodat de verborgen tekst niet in het bestand blijft staan. Spotlight dimt alles behalve het gebied waar mensen naar willen kijken, en het vergrootglas zoomt in op een klein detail. De editor beschikt over volledig ongedaan maken en opnieuw uitvoeren, en een bijsnijdgereedschap dat alleen de export bijsnijdt.
Hulpmiddel
Snelkoppeling
Gebruik het voor
Selecteren / verplaatsen
V
Verplaats, wijzig het formaat, wijzig de stijl of verwijder annotaties
Pijl
A
Wijs naar een knop of instelling (Shift snapt naar 45°)
Rechthoek / Ellips
R / O
Kadreer een gebied (Shift tekent een vierkant of cirkel)
Tekst
T
Labels en bijschriften, Shift+Enter voor een nieuwe regel
Stap nummer
N
Genummerde walkthroughs die vanzelf optellen
Vervagen / redigeren
B
E-mails, sleutels en namen zijn pixelachtig, onscherp of zwartgestreept
Spotlight
S
Dim alles behalve het belangrijke gebied
Vergrootglas
Z
Zoom in op kleine UI-tekst of pictogrammen
Markeerdoos / markeerstift / pen
H / M / P
Nadruk in markerstijl en aantekeningen uit de vrije hand
Emoji/stempel
E
Snelle reacties zoals ✅ ❌ ⚠️
Gewas
C
Snijd de geëxporteerde afbeelding bij zonder annotaties te verliezen
De Mockup-modus tekent realistische apparaatframes rond uw screenshot: iPhone 16 Pro, iPhone 15 en 15 Pro Max met het Dynamic Island, iPhone SE met een homeknop, Pixel 9 en Galaxy S24 met een punch-hole camera, iPad Pro, iPad mini en Galaxy Tab, MacBook Air, MacBook Pro, iMac en een desktopmonitor. Het heeft zes afwerkingen, portret en landschap, optionele schermverblinding, een 3D-kanteling en een responsieve setscène die een MacBook, iPad en iPhone samen laat zien. Voor elk apparaat toont de viewportplanner de echte CSS-viewport, de pixelverhouding van het apparaat en de oorspronkelijke schermgrootte, en waarschuwt u wanneer de vorm van uw screenshot niet overeenkomt met het scherm.
Apparaat
CSS-viewport
Pixelverhouding
Oorspronkelijke schermafbeelding
iPhone 16 Pro
402 × 874
3×
1206 × 2622
iPhone 15 / 15 Pro
393 × 852
3×
1179 × 2556
iPhone 15 Pro Max
430 × 932
3×
1290 × 2796
iPhone SE
375 × 667
2×
750 × 1334
Google Pixel9
412 × 923
2.625×
1082 × 2423
Samsung Galaxy S24
360 × 780
3×
1080 × 2340
iPad Pro 11″
834 × 1194
2×
1668 × 2388
MacBook Air 13″
1470 × 956
2×
2940 × 1912
MacBook Pro 14″
1512 × 982
2×
3024 × 1964
Codeer naar afbeelding: een gratis code-screenshotgenerator in Carbon-stijl
Plak een fragment en Code to Image geeft het weer als een schone, deelbare afbeelding. Het detecteert automatisch 19 talen, waaronder JavaScript, TypeScript, JSX, Python, HTML, CSS, JSON, SQL, Go, Rust, Java, Kotlin, Swift, C/C++, C#, PHP, Ruby, YAML en shell. Je kunt kiezen uit 10 editorthema's (Dracula, One Dark, Tokyo Night, Night Owl, Monokai, Nord, GitHub Dark and Light, Solarized Light en Paper). Regelnummers, een aangepaste startregel, gemarkeerde regels en rood/groene diff-kleuren maken het handig voor documenten- en codebeoordelingen, en een macOS- of Windows-titelbalk toont de bestandsnaam. Exporteer een PNG tot 4× voor scherpe sociale berichten, of een vector-SVG waarvan de tekst op elk formaat scherp blijft.
Maak scrollende schermafbeeldingen en ruim telefoonopnamen op
Stitch voegt schermafbeeldingen verticaal, naast elkaar of in een raster samen. Voor scrollende opnames vergelijkt het aangrenzende opnames pixel voor pixel en verwijdert de rijen die ze herhalen, en je kunt een plakkerige kop- of voettekst knippen en elke naad verfijnen. Etiketten maken snelle vergelijkingen voor/na. Crop & Clean herkent gangbare iPhone- en iPad-screenshotformaten en verwijdert de exacte statusbalk en home-indicator voor dat model. Voor Android-telefoons schat het de balken en springt naar de dichtstbijzijnde echte rand. Het trimt ook automatisch lege randen en heeft voorinstellingen voor de beeldverhouding, pixel-exacte bijsnijdvelden, roteren en spiegelen.
Hoe verfraai ik een screenshot met een achtergrond?
Open Verfraaien en plaats, plak of maak een screenshot. Kies een verloop, mesh, effen, achtergrond of onscherpe achtergrond, pas de opvulling, hoekradius, schaduw en 3D-kanteling aan, voeg desgewenst een macOS-, Windows- of browserframe toe en exporteer PNG, JPG of WebP met 1–4×.
Hoe voeg ik meerdere schermafbeeldingen samen in één afbeelding?
Open Stitch, voeg uw schermafbeeldingen in volgorde toe (sleep om de volgorde te wijzigen) en kies verticaal, naast elkaar of raster. Voor scrollende opnames worden door slimme overlapverwijdering de rijen afgesneden die elke opname herhaalt; je kunt ook een plakkerige kop- of voettekst inkorten en elke naad met de hand aanpassen.
Kan ik het telefoonframe en de statusbalk uit een screenshot verwijderen?
Ja. Crop & Clean herkent gangbare iPhone- en iPad-screenshotformaten en verwijdert met één klik de exacte statusbalk en home-indicator voor dat model. Voor Android schat het de balken en springt naar de dichtstbijzijnde rand, en Auto-trim verwijdert lege randen of brievenbusranden.
Hoe kan ik een screenshot annoteren met pijlen en cijfers?
Druk in Annoteren op A voor pijlen, N voor automatisch genummerde stapbadges, T voor tekstlabels en R voor vakken. Elk merkteken blijft bewerkbaar: schakel naar Selecteren (V) om het te verplaatsen, van grootte te veranderen, opnieuw op te maken, te dupliceren of te verwijderen, met volledig ongedaan maken en opnieuw uitvoeren.
Hoe vervaag of redigeer ik gevoelige delen van een screenshot?
Druk op B, kies Pixelate, Blur of Black bar en sleep over de e-mail, naam of API-sleutel. De redactie wordt in de geëxporteerde pixels ingebakken, zodat de originele tekst niet in het bestand wordt opgeslagen. Gebruik de zwarte balk voor wachtwoorden en geheimen.
Wat is een zoomloep en wanneer moet ik er een gebruiken?
Het vergrootglas (Z) is een ronde loep die een vergrote kopie van een klein detail toont, zoals een kleine instelling, pictogram of foutmelding, zodat kijkers het kunnen lezen zonder de afbeelding op volledige grootte te openen.
Hoe helpt de Viewport Planner met responsieve QA?
In Mockup toont elk apparaat zijn echte CSS-viewport, de pixelverhouding van het apparaat en de oorspronkelijke schermgrootte, en waarschuwt het wanneer de vorm van uw schermafbeelding niet overeenkomt. Leg deze cijfers vast in de apparaatwerkbalk van uw browser voor een pixel-perfecte pasvorm.
Is er een watermerk of heb ik een account nodig?
Nee. Screenshot Studio is gratis, voegt geen watermerk toe en hoeft zich niet aan te melden.
Worden mijn schermafbeeldingen geüpload naar een server?
Nee. Vastleggen, bewerken en exporteren gebeurt allemaal lokaal in je browser met de Canvas API. Afbeeldingen worden alleen voor uw sessie in het geheugen bewaard en worden nooit ergens naartoe verzonden.
Hoe maak ik een mooie screenshot met achtergrond?
Gebruik de snelle stijlen van Beautify (Clean, Midnight, Glass, 3D tilt, X post, Brutal, Blurred of Minimal) voor een afgewerkte look met één klik, en stem vervolgens de achtergrond, het frame en de schaduw nauwkeurig af.
Kan ik een mooi vormgegeven codescreenshot maken?
Ja. Open Code, plak uw fragment en de taal wordt automatisch gedetecteerd. Kies een thema, vensterstijl, achtergrond en lijnopties en exporteer vervolgens PNG of vector-SVG.
Is dit een gratis alternatief voor Carbon voor codeafbeeldingen?
Ja. Code to Image dekt dezelfde taak als Carbon of ray.so, met 10 thema's, 19 talen, lijnmarkering, verschillende kleuren en PNG/SVG-export. Het draait in uw browser zonder aanmelding en zonder watermerk.
Kan ik rechtstreeks vanaf deze website een screenshot maken?
Ja, op desktop Chrome, Edge, Firefox en Safari. Open Capture, stel eventueel een vertraging van 3, 5 of 10 seconden in en kies vervolgens een scherm, venster of tabblad in de kiezer van uw browser. Sleep het resultaat om een regio te behouden en stuur het vervolgens naar een willekeurige modus. Op telefoons en tablets is het niet mogelijk dat webpagina's het scherm vastleggen, dus maak de schermafbeelding op het apparaat en plak of upload deze.
Kan ik een screenshot plakken in plaats van deze te uploaden?
Ja. Kopieer een screenshot (bijvoorbeeld met Win+Shift+S, Cmd+Ctrl+Shift+4 of Print Screen) en druk ergens op de pagina op Ctrl/⌘+V. Het wordt geopend in de modus die u gebruikt.
Welke formaten moet ik gebruiken voor screenshots van sociale media?
Gebruik de canvas-presets van Beautify: X post 1600 × 900, Open Graph 1200 × 630, LinkedIn 1200 × 627, YouTube 1280 × 720, Product Hunt 1270 × 760, Dribbble 1600 × 1200, of 1:1, 4:5 en 9:16 verhoudingen voor Instagram-feed, portret en Stories.
Hoe plaats ik een screenshot in een iPhone- of MacBook-mockup?
Open Mockup, plaats uw screenshot en kies een apparaat. Op basis van de vorm van de afbeelding wordt automatisch een telefoon, tablet of laptop voorgesteld. Kies een afwerking, staand of liggend, achtergrond, schaduw en kanteling, of schakel over naar Responsive om een MacBook, iPad en iPhone samen weer te geven.
Kan ik dezelfde stijl op veel schermafbeeldingen toepassen?
Ja. Stel een stijl in Beautify in, klik op Batch en selecteer zoveel screenshots als je wilt. Ze worden allemaal weergegeven met dezelfde achtergrond, frame, schaduw en grootte, en ze worden samen als ZIP gedownload.
Welke exportformaten en resoluties worden ondersteund?
PNG (behoudt transparantie), JPG en WebP met een kwaliteitsschuifregelaar, op 1×, 2×, 3× of 4×, afhankelijk van de modus. Code naar afbeelding exporteert ook vector-SVG. Zeer grote resultaten worden automatisch geschaald om binnen de grenzen van het browsercanvas te blijven, en de tool vertelt u wanneer dat gebeurt.
