Tools95

BEWERKEN / EEN PRAKTISCHE AFBEELDINGSGIDS

Hoe verfraait u een screenshot met sjablonen en achtergronden

Maak het screenshot makkelijker om te delen.

Kies een compleet ontwerp en verfijn vervolgens de achtergrond, het browserkader en de afstand in een live preview. Gebruik een sociaal canvas of aangepaste afmetingen en selecteer 'Start' om een PNG, JPG of WebP te exporteren.

Volg de handleiding
ECHTE BRON EN GEDOWNLOADE OUTPUT
Voor Bron-schermafbeelding vóór bewerking

Origineel voorbeeld: 1440 bij 900 pixels.

Na Fictief dashboard in het Midnight donkere browserkader en blauw verloop

Daadwerkelijk gedownload resultaat: 2312 bij 1301 pixels.

De vergelijking gebruikt het originele voorbeeld en de daadwerkelijke gedownloade output, geschaald voor leesbaarheid. Verschillende canvasafmetingen worden getoond op verschillende weergaveschalen; transparante regio's volgen de achtergrond van de pagina.
Advertenties
SNELLE VIDEO-TUTORIAL How to beautify a screenshot with a template Upload a screenshot, choose the Midnight design in Settings, then create and download the actual framed PNG. English narration. Engelse gesproken tekst Bekijk de video

How to beautify a screenshot with a template

Advertenties

Volg een geverifieerd voorbeeld en pas de bedieningselementen vervolgens aan op je eigen afbeelding. Open Screenshot verfraaier.

01

Begin met een leesbaar screenshot

Open Screenshot Beautifier en kies "Probeer een voorbeeld" om het fictieve dashboard te laden dat hier wordt gebruikt, of upload uw eigen afbeelding. De voorbeeldbron is een 1440 bij 900 pixel PNG. Gebruik een originele opname in plaats van een screenshot gekopieerd uit een gecomprimeerd chatvoorbeeld wanneer kleine letters belangrijk zijn.

De tool stijlt een afbeelding; het bladert niet door een website en legt geen URL vast. Voor die workflow maakt u eerst de opname met URL naar Afbeelding en opent u vervolgens de opgeslagen afbeelding in Screenshot Beautifier.

Snijd irrelevante paginagebieden bij vóór het stylen als het screenshot anders te klein zou worden om te lezen.

02

Kies een compleet sjabloon

Open op een telefoon de Instellingen. Kies Midnight in de ontwerpgalerij. Dit past een donkerblauw verloop, een donker browserkader, bijpassende witruimte, afgeronde hoeken en een breedbeeldcanvas toe. Het voorbeeld wordt direct bijgewerkt.

De andere ontwerpen zijn Studio, Minimal, Floating, Ocean, Social card, Soft rose en Warm paper. Dit zijn bewerkbare startpunten in plaats van vaste mockups. Kies eerst de compositie die het dichtst in de buurt komt en pas daarna alleen aan wat nodig is. Ongedaan maken keert terug naar de vorige instellingen.

Midnight past goed bij een heldere interface omdat de donkere omlijsting de randen van de schermafbeelding goed zichtbaar maakt.

Het voorbeeld in deze handleiding

Inclusief 1440 x 900 fictief dashboard; Midnight-sjabloon met ongewijzigde bijpassende instellingen; Exportschaal 1x; PNG. De 2312 x 1301 output is gedownload van de huidige tool.

Bron
1440 x 900 px
Output
2312 x 1301 px
Formaat
PNG
Verwerken
In je browser
03

Pas de compositie aan voor de bestemming

De achtergrond kan een verloop, een effen kleur, je eigen afbeelding of transparantie zijn. Gebruik voor een eigen afbeelding Kies achtergrondafbeelding. Die achtergrond vult het canvas en kan worden bijgesneden; de schermafbeelding wordt passend gemaakt zonder de bronranden te verliezen. Vensterkader kan Lichte browser, Donkere browser of Geen zijn. Venstertitel is een decoratief label.

Witruimte regelt de ademruimte rond de schermafbeelding. Afgeronde hoeken en Schaduw vormen de kaart. Canvasvorm bevat vierkante, breedbeeld-, portret-, story- en sociale formaten, plus Aangepast formaat. Een erg hoge schermafbeelding ziet er klein uit in een breed kader; kies een hoger canvas of verminder de witruimte in plaats van meer detail te verwachten door vergroting.

Laat de Midnight-instellingen en Exportschaal op 1x staan om dit voorbeeld te evenaren. Exportschaal biedt 1x, 2x en 3x binnen de limieten van 8,000-pixel-rand en 32-megapixel output. Grotere afmetingen creëren geen detail dat ontbreekt in de geüploade afbeelding.

Gebruik Origineel om de gestileerde afbeelding te vergelijken met de oorspronkelijke opname en bekijk kleine tekst op een nuttig zoomniveau.

04

Exporteer een scherpe afbeelding

Kies PNG en selecteer Start. Gebruik Download op de resultatenpagina om het daadwerkelijke bestand op te slaan. Met de voorbeeldbron en het ongewijzigde Midnight-ontwerp is het resultaat 2312 bij 1301 pixels. De afgeronde kaart, schaduw, kader en achtergrond zijn allemaal in die ene afbeelding opgenomen.

PNG is een nuttige standaard voor interfacetekst. WebP ondersteunt transparante gebieden met verliesgevende compressie, en JPG is nuttig voor afbeeldingen met een effen achtergrond wanneer een kleinere bestandsgrootte belangrijk is. JPG vervangt transparantie door wit. De export wordt samengevoegd, dus bewaar de bronschermafbeelding als je mogelijk een andere compositie nodig hebt.

Inspecteer de gedownloade afbeelding voordat je deze publiceert, vooral kleine tekst en logo's.

NUTTIGE DETAILS

Veelgestelde vragen

Kan deze tool een webpagina vastleggen vanaf een link?

Het stijlt een afbeelding die u verstrekt. Gebruik URL naar Afbeelding om eerst een webpagina vast te leggen en open het resultaat vervolgens hier.

Welke sjablonen zijn inbegrepen?

Studio, Midnight, Minimal, Floating, Ocean, Sociale kaart, Soft rose en Warm paper. Elk ontwerp blijft aanpasbaar.

Wordt de screenshot bijgesneden?

De screenshot wordt passend gemaakt in het ontwerp met behoud van de randen. Een aangepaste achtergrondafbeelding vult het canvas en kan worden bijgesneden om te passen.

Kan ik mijn eigen achtergrondafbeelding gebruiken?

Ja. Kies Uw eigen afbeelding bij Achtergrond, selecteer een ondersteunde lokale afbeelding en bekijk de passende achtergrond in het voorbeeld.

Kan ik een transparante achtergrond exporteren?

Ja. Selecteer Transparant en gebruik PNG of WebP. JPG gebruikt een witte achtergrond omdat dit geen transparantie ondersteunt.

Verscherpt de exportschaal een kleine screenshot?

Nee. Het vergroot de uitvoerafmetingen. Gebruik een bron met een hogere resolutie wanneer kleine tekst duidelijk moet blijven.

JOUW BEURT

Maak het screenshot makkelijker om te delen.

Probeer een voorbeeld of gebruik je eigen bestand en bekijk het resultaat voordat je het deelt.

Open Screenshot verfraaier

Afbeeldingsdetails

Taal38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Kies je taal. Videotutorials gebruiken momenteel Engelse gesproken tekst.