Et rått skjermbilde ser flatt ut limt inn i en tweet, et lysbilde eller en landingsside. Dette verktøyet setter det på en fin gradient (eller en ensfarget bakgrunn), legger til luft rundt, avrunder hjørnene og legger en myk skygge under — det polerte utseendet du ser i produktskjermbilder overalt. Velg et sideforhold for sosiale medier, eller la det være automatisk.
Alt komponeres direkte på et lerret i nettleseren din og eksporteres som PNG. Skjermbildet ditt — som kan vise private data — lastes aldri opp.
Slik bruker du verktøyet
- Legg til et skjermbildeSlipp inn bildet du vil pynte på.
- Stil rammenVelg bakgrunn, luft rundt, hjørneradius og skygge; velg et sideforhold hvis du trenger ett.
- Last ned PNGLagre det polerte bildet, klart for sosiale medier, dokumenter eller lysbilder.
Gjør et rått skjermbilde om til et produktskjermbilde
Skjermbilde-forskjønneren plasserer bildet ditt på en bakgrunn og legger til de tre tingene som får et skjermbilde til å se designet ut i stedet for hastig tatt: luft rundt bildet, avrundede hjørner på selve skjermbildet og en myk skygge som løfter det fra flaten. Velg en forhåndsinnstilt gradient, en ensfarget flate eller en gjennomsiktig bakgrunn, juster hver kontroll, og se forhåndsvisningen oppdateres live før du eksporterer en PNG.
Alt settes sammen på et canvas i nettleseren din, så skjermbildet lastes aldri opp. Det betyr noe, fordi et skjermbilde kan inneholde en privat melding, en faktura, et dashbord eller et token i URL-feltet — å legge til en skygge bør ikke bety at noe av det sendes til en server. Det finnes ingen konto, og etter at siden er lastet, fortsetter den å virke offline.
Riktig form uansett hvor det skal
Hvert sted du publiserer et bilde foretrekker en form. Lås utdataene til 16:9 for presentasjoner og brede sosiale kort, 1:1 for et kvadratisk Instagram- eller LinkedIn-innlegg, 3:4 for et høyt bilde som fyller mer av en telefonskjerm, eller la den stå på Auto slik at rammen slutter seg om skjermbildet pluss luften rundt. Når du låser et forhold, fyller luften ut resten av rammen, så eksporten glir på plass uten en klønete beskjæring.
Sett bakgrunnen til gjennomsiktig, og PNG-en eksporteres med luftområdet tomt — luften, hjørneradiusen og skyggen blir alle stående, bare fyllet bak skyggen forsvinner. Det er versjonen du plasserer på din egen bakgrunn i Figma, Keynote eller en miniatyr.
Hva folk bruker det til
Lanserings- og changelog-bilder — La et produktskjermbilde sveve på en myk gradient så et lanseringsinnlegg eller en changelog ser gjennomtenkt ut heller enn rå.
Polerte tweets og tråder — Legg til luft, avrundede hjørner og en svak skygge så skjermbildet ditt slutter å kollidere med teksten rundt.
Presentasjoner — Eksporter i 16:9 med en ren bakgrunn så skjermbilder sitter konsekvent gjennom hele presentasjonen.
Kvadratiske sosiale innlegg — Lås 1:1 så et bredt skjermbilde passer i et Instagram- eller LinkedIn-rutenett uten å bli beskåret.
Figma- og Keynote-materiale — Eksporter på gjennomsiktig bakgrunn for å beholde de avrundede hjørnene og skyggen, og slipp det så på din egen layout.
Dokumentasjonsheadere — Legg et skjermbilde på en ensfarget merkevarefarge for et ryddig hero-bilde i tråd med merkevaren i docs eller en wiki.
Hvorfor IMG.DIY
Gradient eller ensfarget
Forhåndsvalgte gradienter eller en hvilken som helst ensfarget bakgrunn.
Luft og avrunding
Pusterom og avrundede hjørner.
Myk skygge
Justerbar dybde for et svevende utseende.
Privat
Komponeres lokalt — lastes aldri opp.