Følg et verificeret eksempel, og tilpas derefter kontrollerne til dit eget billede. Åbn Screenshot-forskønner.
Start med et læsbart skærmbillede
Åbn Screenshot Beautifier og vælg Prøv et eksempel for at indlæse det fiktive dashboard, der bruges her, eller upload dit eget billede. Eksempelkilden er et 1440 med 900 pixel PNG. Brug en original optagelse frem for et skærmbillede kopieret fra en komprimeret chat-forhåndsvisning, når små bogstaver betyder noget.
Værktøjet styler et billede; det gennemser ikke et websted eller optager en URL. Til den arbejdsgang skal du først oprette optagelsen med URL to Image og derefter åbne det gemte billede i Screenshot Beautifier.
Beskær irrelevante sideområder før styling, hvis skærmbilledet ellers ville blive for lille til at læse.
Vælg en komplet skabelon
Åbn Indstillinger på en telefon. Vælg Midnight i designgalleriet. Det anvender en mørkeblå gradient, en mørk browserramme, koordineret polstring, afrundede hjørner og et widescreen-lærred på én gang. Eksemplet opdateres med det samme.
De andre designs er Studio, Minimal, Floating, Ocean, Social card, Soft rose og Warm paper. De er redigerbare udgangspunkter frem for låste mockups. Vælg den komposition, der ligger tættest på, og juster derefter kun det, der skal ændres. Fortryd vender tilbage til de forrige indstillinger.
Midnight passer til en lys brugerflade, fordi den mørkere baggrund gør skærmbilledets kanter lette at se.
Eksemplet i denne guide
Inkluderet 1440 x 900 fiktivt dashboard; Midnight-skabelon med uændrede koordinerede indstillinger; Eksportskala 1x; PNG. 2312 x 1301 outputtet blev downloadet fra det aktuelle værktøj.
- Kilde
- 1440 x 900 px
- Output
- 2312 x 1301 px
- Format
- PNG
- Behandler
- I din browser
Juster kompositionen til dens destination
Baggrunden kan være en gradient, en ensfarvet flade, dit eget billede eller gennemsigtighed. For et brugerdefineret billede skal du bruge Vælg baggrundsbillede. Den baggrund udfylder lærredet og kan blive beskåret; skærmbilledet tilpasses uden at miste sine oprindelige kanter. Vinduesrammen kan være Lys browser, Mørk browser eller Ingen. Vinduestitlen er en dekorativ etiket.
Polstring styrer luftrummet omkring skærmbilledet. Afrundede hjørner og skygge former kortet. Lærredsformen inkluderer kvadratisk, widescreen, portræt, story og sociale formater samt Brugerdefineret størrelse. Et meget højt skærmbillede vil se lille ud inde i en bred ramme; vælg et højere lærred eller reducer polstringen i stedet for at forvente flere detaljer ved forstørrelse.
Lad Midnight-indstillingerne og Eksportskala stå på 1x for at matche dette eksempel. Eksportskala tilbyder 1x, 2x og 3x inden for grænserne på 8,000-pixel-kant og 32-megapixel. Større dimensioner genskaber ikke detaljer, der mangler i det uploadede billede.
Brug Original til at sammenligne det stiliserede billede med det originale skærmbillede og gennemse lille tekst ved et nyttigt zoomniveau.
Eksporter et skarpt billede
Vælg PNG og vælg Start. Brug Download på resultatsiden for at gemme den faktiske fil. Med eksemplets kilde og uændret Midnight-design er resultatet 2312 gange 1301 pixels. Dets afrundede kort, skygge, ramme og baggrund er alle inkluderet i det ene billede.
PNG er en nyttig standard for brugerfladetekst. WebP understøtter gennemsigtige områder med tabsgivende komprimering, og JPG er nyttig til billeder med ensfarvet baggrund, når mindre størrelse betyder noget. JPG erstatter gennemsigtighed med hvid. Eksporten er fladgjort, så behold kildeskærmbilledet, hvis du får brug for en anden komposition.
Efterse det downloadede billede før publicering, især lille tekst og logoer.
Almindelige spørgsmål
Kan dette værktøj fange en webside fra et link?
Det styler et billede, du leverer. Brug URL til billede for først at fange en webside, og åbn derefter resultatet her.
Hvilke skabeloner er inkluderet?
Studio, Midnight, Minimal, Floating, Ocean, Socialt kort, Soft rose og Warm paper. Hvert design forbliver justerbart.
Bliver skærmbilledet beskåret?
Skærmbilledet tilpasses inde i designet med kanterne bevaret. Et brugerdefineret baggrundsbillede udfylder lærredet og kan blive beskåret for at passe.
Kan jeg bruge mit eget baggrundsbillede?
Ja. Vælg Dit eget billede under Baggrund, vælg et understøttet lokalt billede, og tjek den tilpassede baggrund i forhåndsvisningen.
Kan jeg eksportere en gennemsigtig baggrund?
Ja. Vælg Gennemsigtig og brug PNG eller WebP. JPG bruger en hvid baggrund, fordi det ikke understøtter gennemsigtighed.
Gør eksportskala et lille skærmbillede skarpere?
Nej. Det forstørrer output-dimensionerne. Brug en kilde med højere opløsning, når lille tekst skal forblive klar.
Gør skærmbilledet lettere at dele.
Prøv et eksempel eller brug din egen fil, og gennemse resultatet før deling.
