Följ ett verifierat exempel, anpassa sedan kontrollerna till din egen bild. Öppna Skärmdumpsförskönare.
Börja med en läsbar skärmdump
Öppna Screenshot Beautifier och välj "Prova ett exempel" för att ladda den fiktiva instrumentpanelen som används här, eller ladda upp din egen bild. Exempelkällan är en 1440 med 900 pixlar PNG. Använd en originaltagning istället för en skärmdump kopierad från en komprimerad chattförhandsgranskning när liten text är viktig.
Verktyget stylar en bild; det surfar inte på en webbplats eller fångar en URL. För det arbetsflödet, skapa tagningen med "URL till bild" först och öppna sedan den sparade bilden i Screenshot Beautifier.
Beskär irrelevanta sidområden före styling om skärmdumpen annars skulle bli för liten för att läsas.
Välj en komplett mall
Öppna Inställningar på en telefon. Välj Midnight i designgalleriet. Det applicerar en mörkblå gradient, en mörk webbläsarram, koordinerad utfyllnad, rundade hörn och en widescreen-yta samtidigt. Förhandsgranskningen uppdateras omedelbart.
De andra designerna är Studio, Minimal, Floating, Ocean, Social card, Soft rose och Warm paper. De är redigerbara utgångspunkter snarare än låsta mockups. Välj den komposition som ligger närmast först, justera sedan bara det som behöver ändras. Ångra återställer till föregående inställningar.
Midnight passar ett ljust gränssnitt eftersom den mörkare omgivningen gör skärmdumpens kanter lätta att se.
Exemplet i denna guide
Inkluderad 1440 x 900 fiktiv instrumentpanel; Midnight-mall med oförändrade koordinerade inställningar; Exportskala 1x; PNG. 2312 x 1301-utdatan laddades ner från det aktuella verktyget.
- Källa
- 1440 x 900 px
- Utdata
- 2312 x 1301 px
- Format
- PNG
- Bearbetar
- I din webbläsare
Justera kompositionen för dess destination
Bakgrunden kan vara en gradient, en solid färg, din egen bild eller transparens. För en anpassad bild, använd Välj bakgrundsbild. Den bakgrunden fyller ytan och kan beskäras; skärmdumpen anpassas utan att förlora sina ursprungliga kanter. Fönsterram kan vara Ljus webbläsare, Mörk webbläsare eller Ingen. Fönstertitel är en dekorativ etikett.
Utfyllnad styr andrummet runt skärmdumpen. Rundade hörn och Skugga formar kortet. Ytform inkluderar kvadratisk, widescreen, stående, story och sociala format, plus Anpassad storlek. En mycket hög skärmdump kommer att se liten ut inuti en bred ram; välj en högre yta eller minska utfyllnaden istället för att förvänta dig mer detaljer från förstoring.
Lämna Midnight-inställningarna och Exportskala på 1x för att matcha detta exempel. Exportskala erbjuder 1x, 2x och 3x inom gränserna för 8,000-pixelkant och 32-megapixelutdata. Större dimensioner återskapar inte detaljer som saknas i den uppladdade bilden.
Använd Original för att jämföra den stylade bilden med den ursprungliga tagningen och granska liten text vid en användbar zoomnivå.
Exportera en skarp bild
Välj PNG och välj Start. Använd Ladda ner på resultatsidan för att spara den faktiska filen. Med exempelkällan och oförändrad Midnight-design blir resultatet 2312 gånger 1301 pixlar. Dess rundade kort, skugga, ram och bakgrund ingår alla i den bilden.
PNG är ett användbart standardval för gränssnittstext. WebP stöder transparenta områden med förstörande komprimering, och JPG är användbart för bilder med solid bakgrund när mindre storlek är viktig. JPG ersätter transparens med vitt. Exporten är plattad, så behåll källskärmdumpen om du kan behöva en annan komposition.
Inspektera den nedladdade bilden innan publicering, särskilt fin text och logotyper.
Vanliga frågor
Kan det här verktyget fånga en webbsida från en länk?
Det stylar en bild du tillhandahåller. Använd URL till bild för att fånga en webbsida först, öppna sedan resultatet här.
Vilka mallar ingår?
Studio, Midnight, Minimal, Floating, Ocean, Socialt kort, Soft rose och Warm paper. Varje design förblir justerbar.
Kommer skärmklippet att beskäras?
Skärmklippet anpassas inuti designen med kanterna bevarade. En anpassad bakgrundsbild fyller arbetsytan och kan beskäras för att passa.
Kan jag använda min egen bakgrundsbild?
Ja. Välj Din egen bild under Bakgrund, välj en lokal bild som stöds och granska den anpassade bakgrunden i förhandsgranskningen.
Kan jag exportera en transparent bakgrund?
Ja. Välj Transparent och använd PNG eller WebP. JPG använder en vit bakgrund eftersom det inte stöder transparens.
Skärper exportskalan ett litet skärmklipp?
Nej. Det förstorar utdatadimensionerna. Använd en källa med högre upplösning när liten text måste förbli tydlig.
Gör skärmdumpen lättare att dela.
Prova ett exempel eller använd din egen fil, och granska resultatet innan du delar.
