原始截圖貼進推文、幻燈片或落地頁時總顯得乾巴巴。這個工具把它放到漂亮的漸層（或純色）背景上，加上留白、圓角，底部再落一層柔和陰影——就是你到處見到的產品截圖那種精緻感。可為社媒選個畫面比例，或保持自動。
一切在瀏覽器的 canvas 上實時合成，匯出 PNG。你那可能帶隱私資料的截圖，絕不上傳。
使用方法
- 新增截圖把要美化的圖片拖進來。
- 設定邊框選背景、留白、圓角和陰影；需要就選個畫面比例。
- 下載 PNG儲存精緻的成圖，直接用於社媒、文件或幻燈片。
把裸截圖變成產品截圖
截圖美化工具把你的截圖放到一個背景上，再加上讓截圖顯得是「做過」而非「抓來」的三樣東西：圖四周的留白、截圖本身的圓角、以及把它從檯面托起來的柔和陰影。挑一個預設漸層、純色，或透明背景，逐項調好，匯出 PNG 之前就能看著預覽實時變化。
整個拼圖都在你瀏覽器的畫布上完成，截圖不會被上傳。這一點很要緊：一張截圖裡可能有一條私信、一張發票、一個後臺，或位址列裡的一段 token——加一層陰影，不該等於把這些送去伺服器。不用註冊，頁面載入完之後離線也能用。
發到哪兒就配哪兒的形狀
你發圖的每個地方都有它偏愛的形狀。把匯出鎖成 16:9 配 PPT 和寬版社交卡片，1:1 配朋友圈或領英的方圖，3:4 是豎圖、在手機屏上佔更大一塊，或者留在自動，讓畫框剛好裹住截圖加留白。鎖定比例後，留白會把畫框其餘部分補滿，匯出的圖正好落進那個位置，不會被裁得彆扭。
把背景設成透明，匯出的 PNG 就把留白那圈留空——留白、圓角、陰影全保留，消失的只是陰影背後的填色。這個版本，就是你拿去 Figma、Keynote 或縮圖裡，擺到自己背景上的那一張。
大家都用它來做什麼
釋出和更新日誌圖 — 讓產品截圖浮在柔和漸層上，釋出帖或更新日誌就顯得是有意為之，而不是隨手一截。
精緻的推文和長帖 — 加留白、圓角和一層淡陰影，截圖就不再跟周圍的文字撞在一起。
PPT 演示 — 按 16:9 配乾淨背景匯出，整套演示裡的截圖看著統一。
方圖社交帖 — 鎖定 1:1，寬截圖也能塞進朋友圈或領英九宮格而不被裁。
Figma、Keynote 素材 — 用透明背景匯出，保留圓角和陰影，再放到自己的排版裡。
文件頭圖 — 把截圖放到純品牌色上，做文件或 wiki 裡乾淨、貼品牌的頭圖。
一張裸截圖,粘到哪裡都顯得寡淡
直接截下來的圖,就是一塊四邊硬邦邦的畫素。發個 bug 報告沒問題。可一旦你把它放進一條推文、一頁 PPT、落地頁的頭圖、或者一篇 Notion 文件裡,就總透著一股沒做完的勁兒:它緊貼著周圍的文字,四個直角又尖又廉價,圖和背景之間沒有一點分隔。那種精緻的版本你其實見過無數次——一張產品截圖浮在柔和的漸層色上,四周留著一圈空隙,圓角收得溫柔,底下墊著一層很淡的陰影,讓它從頁面上微微浮起來。這個效果既不是什麼濾鏡,也不是套的模板,它就是三件小事疊在一起,而這個工具做的正好就是這三件事。
你把截圖拖進畫布,它就在你的瀏覽器裡實時把成品拼出來。你挑一個背景——預設漸層、純色、或者透明,調一下截圖四周的留白,選圓角大小,再把陰影調深調淺。預覽隨手就變。覺得對了,匯出 PNG。而這張截圖——裡面可能是一段郵件往來、一個後臺面板、一段聊天記錄、一串賬號,什麼都可能有——是直接畫在 <canvas> 上的,從頭到尾沒出過這個標籤頁。不上傳、不註冊,頁面載入完之後斷網也照樣能用。
留白、圓角、陰影、漸層各自在幹什麼
- 留白給截圖讓出邊距,不至於四邊擠滿。正是這圈空隙,讓它讀起來像一件被有意擺上檯面的東西,而不是一張隨手抓下來的原圖。
- 截圖本身的圓角把四個硬直角收軟。改動很小,但立刻就從"抓的圖"變成了"做過的圖"。
- 一層柔和的陰影把截圖和背景分開,讓它看著像是略微浮在檯面上方,而不是平貼在上面。陰影要淡——夠出立體感又不顯笨重,靠的就是這個"淡"字。
- 漸層(或純色)背景給留白填上顏色。那些新品釋出、更新日誌裡的截圖之所以顯貴,最大的功臣就是一道柔和的雙色漸層;想穩一點、貼品牌色,就換純色。
這幾樣合起來就是所謂"產品截圖"的樣子,而工具的全部本事也就到這兒——不多也不少。
按用途選畫幅
匯出可以是自動(畫框剛好裹住截圖加留白),也可以鎖定成 16:9、4:3、1:1、3:4。畫幅之所以要緊,是因為你要發的每個地方都有它偏愛的形狀:16:9 配 PPT 和寬版社交卡片,1:1 配 Instagram、朋友圈或領英的方圖,3:4 是豎圖、在手機屏上能佔更大一塊。鎖定比例後,留白會把截圖周圍的畫框補滿,匯出的圖就能正好落進那個位置,不會被切得彆扭。
透明背景,是給你留的一手
把背景設成透明,匯出的 PNG 就把留白那圈留空,而不填顏色。當你打算把這張帶圓角、帶陰影的截圖,再擺到自己在 Figma、Keynote 或縮圖裡的背景上時,要的就是這個:留白、圓角、陰影都在,你只管把它放到手頭已有的那塊底子上。陰影會保留,消失的只是它背後的填色。
為什麼"只在本地"在這兒格外重要
截圖,其實是你會想分享的東西里最私密的一類。一張圖就可能露出客戶姓名、一張發票、一條私信、一個內部資料、位址列裡的一段 token。一個要把你的圖傳到伺服器去"處理"的美化工具,等於是讓你為了加一層陰影,把這些全交出去。而這裡,拼圖就是你自己瀏覽器里老老實實的 canvas 運算,沒有東西要上傳,也沒有東西需要你去信。
關於範圍,有句實話:它只加漸層、留白、陰影這套精緻感,別的沒有。它不會給截圖套上瀏覽器外殼或手機邊框那種 mockup,也不加箭頭、馬賽克或標註——就是美化這一件事,一次一張截圖。
為什麼選 IMG.DIY
漸層或純色
預設漸層或任意純色。
留白與圓角
呼吸空間加圓角。
柔和陰影
深淺可調，營造懸浮感。
隱私安全
本地合成，絕不上傳。