Ang hilaw na screenshot ay mukhang patag kapag naipaste sa tweet, slide, o landing page. Inilalagay ito ng tool na ito sa magandang gradient (o solidong kulay), nagdadagdag ng padding para may puwang, binibilugan ang mga sulok, at naglalagay ng malambot na anino sa ilalim — ang pinakintab na itsurang nakikita mo sa mga product screenshot kahit saan. Pumili ng aspect ratio para sa social o panatilihing awtomatiko.
Lahat ay nabubuo nang live sa canvas sa iyong browser at nag-e-export bilang PNG. Ang iyong screenshot — na maaaring may pribadong data — ay hindi kailanman ina-upload.
Paano gamitin
- Magdagdag ng screenshotI-drop ang larawang gusto mong pagandahin.
- I-istilo ang framePumili ng background, padding, radius ng sulok at anino; pumili ng aspect ratio kung kailangan mo.
- I-download ang PNGI-save ang pinakintab na larawan, handa para sa social, docs o slides.
Gawing product screenshot ang isang hilaw na screenshot
Inilalagay ng screenshot beautifier ang iyong capture sa isang background at nagdaragdag ng tatlong bagay na gumagawa sa isang screenshot na mukhang disenyado sa halip na basta kinuha: padding sa paligid ng image, rounded na sulok sa mismong screenshot, at malambot na drop shadow na nagtataas nito mula sa ibabaw. Pumili ng preset na gradient, solidong kulay, o transparent na backdrop, i-adjust ang bawat kontrol, at panoorin ang preview na mag-update nang live bago mag-export ng PNG.
Binubuo lahat sa isang canvas sa iyong browser, kaya hindi kailanman ina-upload ang screenshot. Mahalaga iyon dahil ang screenshot ay puwedeng maghawak ng pribadong mensahe, invoice, dashboard, o token sa URL bar — ang pagdaragdag ng shadow ay hindi dapat mangahulugan ng pagpapadala ng alinman doon sa server. Walang account, at pagkatapos ma-load ang pahina, patuloy itong gumagana offline.
Ang tamang hugis para saanman ito mapupunta
Bawat lugar na pinopostan mo ng image ay may gustong hugis. I-lock ang output sa 16:9 para sa mga slide deck at malapad na social card, 1:1 para sa square na Instagram o LinkedIn post, 3:4 para sa mataas na image na pumupuno ng mas malaking bahagi ng phone screen, o iwan ito sa Auto para balutin ng frame ang screenshot kasama ang padding nito. Kapag nag-lock ka ng ratio, pinupunan ng padding ang natirang bahagi ng frame para pumasok ang export sa slot nang walang awkward na crop.
Itakda ang background sa transparent at nag-e-export ang PNG na malinaw ang lugar ng padding — nananatili ang padding, corner radius, at shadow, ang fill lang sa likod ng shadow ang nawawala. Iyon ang bersyon na inilalagay mo sa sarili mong background sa Figma, Keynote, o isang thumbnail.
Para saan ito ginagamit ng mga tao
Launch at changelog shots — Ipalutang ang product screenshot sa malambot na gradient para mukhang sinadya ang release post o changelog sa halip na hilaw.
Makinis na tweet at thread — Magdagdag ng padding, rounded na sulok, at malabong shadow para hindi bumangga ang iyong screenshot sa tekstong nakapaligid dito.
Slide decks — Mag-export sa 16:9 na may malinis na background para pare-parehong maupo ang mga screenshot sa buong presentation.
Square na social post — I-lock ang 1:1 para magkasya ang malapad na screenshot sa Instagram o LinkedIn grid nang hindi na-crop.
Figma at Keynote assets — Mag-export sa transparent na background para panatilihin ang rounded na sulok at shadow, tapos ilagay ito sa sarili mong layout.
Documentation headers — Ilagay ang screenshot sa solidong brand na kulay para sa malinis at on-brand na hero image sa docs o wiki.
Mukhang flat ang hubad na screenshot kahit saan mo i-paste
Ang screenshot na diretso mula sa screen mo ay rektanggulo ng pixel na may matigas na gilid sa apat na panig. Nang mag-isa maayos iyon para sa bug report. Pero sa sandaling i-drop mo ito sa tweet, slide, landing-page hero, o Notion doc, mukhang hindi tapos — dumidikit mismo sa teksto sa paligid, mukhang matalas at mura ang mga sulok, at walang paghihiwalay sa larawan at background. Nakita mo na ang makinis na bersyon nang isang daang beses: product screenshot na lumulutang sa malambot na color gradient, na may kaunting hininga sa paligid, banayad na naka-round na sulok, at bahagyang anino para lumutang sa pahina. Hindi iyon filter o stock template. Tatlong maliliit na bagay na nakasalansan, at ginagawa ng tool na ito ang tatlong bagay na iyon mismo.
Mag-drop ka ng screenshot sa canvas at binubuo nito ang tapos na larawan nang live sa browser mo. Pumili ka ng background — preset na gradient, solid na kulay, o transparent — itakda kung gaano karaming padding ang nakaupo sa paligid ng screenshot, piliin ang corner radius, at i-dial ang drop shadow pataas o pababa. Nag-a-update ang preview habang nagpapatuloy ka. Kapag mukhang tama na, mag-export ng PNG. Ang screenshot, na maaaring may dalang email thread, dashboard, chat, account number, kahit ano, ay iginuguhit diretso sa <canvas> element at hindi kailanman umaalis sa tab. Walang upload, walang account, at kapag na-load na ang pahina ay patuloy itong gumagana nang patay ang network.
Ano talaga ang ginagawa ng padding, rounding, shadow, at gradient
- Padding ay nagbibigay ng margin sa screenshot para hindi ito nasisiksik gilid-sa-gilid. Ang puwang na iyon ang nagpapa-basa nito bilang sinadyang bagay na inilagay sa ibabaw sa halip na hilaw na capture.
- Rounded corners sa screenshot mismo ay pinapalambot ang apat na matigas na right angle. Maliit na pagbabago na agad nababasa bilang "designed" imbes na "grabbed."
- Malambot na drop shadow ay inihihiwalay ang screenshot sa background, kaya mukhang bahagyang nakaangat sa ibabaw sa halip na dikit na naka-paste. Panatilihing mahina — iyon ang nagbebenta ng lalim nang hindi mukhang mabigat.
- Gradient (o solid) na background ay pinupunan ng kulay ang padding. Ang banayad na two-tone na gradient ang pinakamalaking dahilan kung bakit mahal ang itsura ng app-launch at changelog na screenshot; ang solid na kulay ang mas kalmado at on-brand na alternatibo.
Magkakasama ang mga ito ang "product screenshot" na itsura, at iyon ang buong saklaw ng tool — wala nang dagdag, wala nang bawas.
Aspect ratio para sa kung saan ito papunta
Ang output ay maaaring Auto (binabalot lang ng frame ang screenshot mo plus padding) o naka-lock sa 16:9, 4:3, 1:1, o 3:4. Mahalaga ang ratio dahil bawat lugar na pino-post mo ay may hugis na gusto: 16:9 para sa slide deck at malapad na social card, 1:1 para sa square na Instagram o LinkedIn post, 3:4 para sa matangkad na larawang pumupuno ng mas marami sa phone screen. I-lock ang ratio at pinupuno ng padding ang natitirang frame sa paligid ng screenshot mo, kaya dumadapo ang export sa puwang na iyon nang hindi nakakahiya ang crop.
Transparent na background, sinadya
Itakda ang background sa transparent at nag-e-export ang PNG na malinaw ang padding area sa halip na kulay. Iyon ang gusto mo kapag ilalagay mo ang naka-round-corner at may-shadow na screenshot sa sarili mong background sa Figma, Keynote, o thumbnail — pinapanatili mo ang padding, radius, at shadow, at ini-drop sa anumang ibabaw na mayroon ka na. Nananatili ang shadow; ang fill lang sa likod nito ang nawawala.
Bakit ang local-only ang punto dito
Ang screenshot ay tahimik na isa sa pinaka-pribadong bagay na gugustuhin mong magbahagi ng bersyon. Isang capture ang maaaring magpakita ng pangalan ng customer, invoice, pribadong DM, internal na metric, token sa URL bar. Ang beautifier na nag-a-upload ng larawan mo sa server para "iproseso" ay hinihiling na ibigay mo ang lahat niyon para lang magdagdag ng anino. Dito ang compositing ay payak na canvas na trabaho sa sarili mong browser, kaya walang ina-upload at walang pagkakatiwalaan.
Isang tapat na paalala sa saklaw: nagdadagdag ito ng gradient-padding-shadow na pulido at wala nang iba. Hindi nito binabalot ang screenshot mo sa browser chrome o phone-frame mockup, at hindi ito nagdadagdag ng arrow, blur, o annotation — ito ang beautify na itsura, isang screenshot kada beses.
Bakit IMG.DIY
Gradient o solid
Mga preset na gradient o kahit anong solidong kulay.
Padding at pagbibilog
Puwang at bilog na sulok.
Malambot na anino
Naa-adjust na lalim para sa nakalutang na itsura.
Pribado
Binubuo nang lokal — hindi kailanman ina-upload.