En rå skärmdump ser platt ut inklistrad i en tweet, en presentation eller en landningssida. Det här verktyget lägger den på en snygg gradient (eller en enfärgad bakgrund), lägger till luftig utfyllnad, rundar hörnen och lägger en mjuk skugga under — den polerade look du ser i produktskärmdumpar överallt. Välj ett bildförhållande för sociala medier eller låt det vara automatiskt.
Allt komponeras live på en canvas i din webbläsare och exporteras som PNG. Din skärmdump — som kan visa privata uppgifter — laddas aldrig upp.
Så här gör du
- Lägg till en skärmdumpSläpp in bilden du vill snygga till.
- Ge ramen stilVälj bakgrund, utfyllnad, hörnradie och skugga; välj ett bildförhållande om du behöver ett.
- Ladda ner PNGSpara den polerade bilden, redo för sociala medier, dokument eller presentationer.
Gör om en rå skärmdump till en produktskärmdump
Skärmdumpsförskönaren placerar din bild på en bakgrund och lägger till de tre saker som får en skärmdump att se designad ut i stället för hastigt tagen: luft runt bilden, rundade hörn på själva skärmdumpen och en mjuk slagskugga som lyfter den från underlaget. Välj en förinställd gradient, en solid färg eller en transparent bakgrund, justera varje reglage och se förhandsvisningen uppdateras live innan du exporterar en PNG.
Allt komponeras på en canvas i din webbläsare, så skärmdumpen laddas aldrig upp. Det spelar roll, eftersom en skärmdump kan innehålla ett privat meddelande, en faktura, en instrumentpanel eller en token i URL-fältet — att lägga till en skugga ska inte betyda att något av det skickas till en server. Det finns inget konto, och efter att sidan laddats fortsätter den fungera offline.
Rätt form för vart den än ska
Varje ställe du publicerar en bild föredrar en form. Lås utdata till 16:9 för presentationer och breda sociala kort, 1:1 för ett kvadratiskt Instagram- eller LinkedIn-inlägg, 3:4 för en hög bild som fyller mer av en telefonskärm, eller låt den stå på Auto så att ramen sluter sig runt skärmdumpen plus dess luft. När du låser ett förhållande fyller luften ut resten av ramen, så exporten glider in i sin plats utan en klumpig beskärning.
Sätt bakgrunden till transparent så exporteras PNG:n med luftområdet tomt — luften, hörnradien och skuggan finns kvar, bara fyllningen bakom skuggan försvinner. Det är den version du placerar på din egen bakgrund i Figma, Keynote eller en miniatyr.
Vad folk använder det till
Lanserings- och changelogbilder — Låt en produktskärmdump sväva på en mjuk gradient så att ett releaseinlägg eller en changelog ser genomtänkt ut snarare än rå.
Polerade tweets och trådar — Lägg till luft, rundade hörn och en svag skugga så att din skärmdump slutar krocka med texten runtomkring.
Presentationer — Exportera i 16:9 med en ren bakgrund så att skärmdumpar sitter konsekvent genom hela presentationen.
Kvadratiska sociala inlägg — Lås 1:1 så att en bred skärmdump passar ett Instagram- eller LinkedIn-rutnät utan att beskäras.
Figma- och Keynote-material — Exportera på transparent bakgrund för att behålla de rundade hörnen och skuggan, och släpp den sedan på din egen layout.
Dokumentationsrubriker — Lägg en skärmdump på en solid varumärkesfärg för en prydlig hjältebild i dokumentation eller en wiki.
Varför IMG.DIY
Gradient eller enfärgat
Färdiga gradienter eller valfri enfärgad bakgrund.
Utfyllnad & rundning
Luft runtom och rundade hörn.
Mjuk skugga
Justerbart djup för en svävande look.
Privat
Komponeras lokalt — laddas aldrig upp.