Følg et verifisert eksempel, og tilpass deretter kontrollene til ditt eget bilde. Åpne Skjermbilde-forskjønner.
Start med et lesbart skjermbilde
Åpne Screenshot Beautifier og velg Prøv et eksempel for å laste inn dashbordet som brukes her, eller last opp ditt eget bilde. Kildeeksemplet er et 1440 på 900 piksler PNG. Bruk et originalt opptak fremfor et skjermbilde kopiert fra en komprimert chat-forhåndsvisning når liten skrift er viktig.
Verktøyet styler et bilde; det surfer ikke på et nettsted eller fanger en URL. For den arbeidsflyten, opprett opptaket med URL to Image først og åpne deretter det lagrede bildet i Screenshot Beautifier.
Beskjær irrelevante sideområder før styling hvis skjermbildet ellers ville blitt for lite til å lese.
Velg en komplett mal
På en telefon, åpne Innstillinger. Velg Midnight i designgalleriet. Det legger til en mørkeblå gradient, en mørk nettleserramme, koordinert utfylling, avrundede hjørner og et bredformat-lerret samtidig. Forhåndsvisningen oppdateres umiddelbart.
De andre designene er Studio, Minimal, Floating, Ocean, Social card, Soft rose og Warm paper. Dette er redigerbare utgangspunkter fremfor låste mockups. Velg den komposisjonen som ligner mest først, og juster deretter kun det som må endres. Angre går tilbake til de forrige innstillingene.
Midnight passer til et lyst grensesnitt fordi den mørkere rammen gjør skjermbildets kanter enkle å se.
Eksempelet i denne veiledningen
Inkludert 1440 x 900 fiktivt dashbord; Midnight-mal med uendrede koordinerte innstillinger; Eksportskala 1x; PNG. 2312 x 1301-utdata ble lastet ned fra det nåværende verktøyet.
- Kilde
- 1440 x 900 px
- Utdata
- 2312 x 1301 px
- Format
- PNG
- Behandler
- I nettleseren din
Juster komposisjonen for destinasjonen
Bakgrunn kan være en gradient, en ensfarget farge, ditt eget bilde eller gjennomsiktighet. For et tilpasset bilde, bruk Velg bakgrunnsbilde. Den bakgrunnen fyller lerretet og kan bli beskåret; skjermbildet tilpasses uten å miste kildekantene. Vinduets ramme kan være Lys nettleser, Mørk nettleser eller Ingen. Vinduets tittel er en dekorativ merkelapp.
Utfylling kontrollerer pusterommet rundt skjermbildet. Avrundede hjørner og Skygge former kortet. Lerretsform inkluderer kvadratisk, bredformat, portrett, story og sosiale formater, pluss Egendefinert størrelse. Et veldig høyt skjermbilde vil se lite ut inne i en bred ramme; velg et høyere lerret eller reduser utfyllingen i stedet for å forvente mer detaljer fra forstørrelse.
La Midnight-innstillingene og Eksportskala stå på 1x for å matche dette eksemplet. Eksportskala tilbyr 1x, 2x og 3x innenfor grensene på 8,000-piksel-kant og 32-megapiksel utdata. Større dimensjoner gjenskaper ikke detaljer som mangler i det opplastede bildet.
Bruk Original for å sammenligne det stylede bildet med det originale opptaket, og gå gjennom liten tekst ved et nyttig zoomnivå.
Eksporter et skarpt bilde
Velg PNG og velg Start. Bruk Last ned på resultatsiden for å lagre selve filen. Med eksempelkilden og uendret Midnight-design, er resultatet 2312 ganger 1301 piksler. Det avrundede kortet, skyggen, rammen og bakgrunnen er alle inkludert i det ene bildet.
PNG er en nyttig standard for grensesnitt-tekst. WebP støtter gjennomsiktige områder med tapende komprimering, og JPG er nyttig for bilder med ensfarget bakgrunn når mindre størrelse betyr noe. JPG erstatter gjennomsiktighet med hvitt. Eksporten er flatet ut, så behold kildeskjermbildet hvis du kan trenge en annen komposisjon.
Inspiser det nedlastede bildet før publisering, spesielt liten tekst og logoer.
Vanlige spørsmål
Kan dette verktøyet fange en nettside fra en lenke?
Det styler et bilde du oppgir. Bruk URL til bilde for å fange en nettside først, og åpne deretter resultatet her.
Hvilke maler er inkludert?
Studio, Midnight, Minimal, Floating, Ocean, Sosialt kort, Soft rose og Warm paper. Hvert design forblir justerbart.
Vil skjermbildet bli beskåret?
Skjermbildet tilpasses inne i designet med kantene bevart. Et egendefinert bakgrunnsbilde fyller lerretet og kan bli beskåret for å passe.
Kan jeg bruke mitt eget bakgrunnsbilde?
Ja. Velg Ditt eget bilde under Bakgrunn, velg et støttet lokalt bilde, og se gjennom den tilpassede bakgrunnen i forhåndsvisningen.
Kan jeg eksportere en gjennomsiktig bakgrunn?
Ja. Velg Gjennomsiktig og bruk PNG eller WebP. JPG bruker en hvit bakgrunn fordi den ikke støtter gjennomsiktighet.
Gjør eksportskala et lite skjermbilde skarpere?
Nei. Det forstørrer utdatadimensjonene. Bruk en kilde med høyere oppløsning når liten tekst må forbli klar.
Gjør skjermbildet enklere å dele.
Prøv et eksempel eller bruk din egen fil, og gå gjennom resultatet før du deler.
