自 2010 年 · 每月支援超過 200 萬次工具執行
自 2010 年
加到 Chrome

我的工具箱

自動模式

尚未收藏任何工具。

升級為高級版
相關工具
圓角圖片產生器裝置樣機產生器為圖片添加陰影為圖片新增文字圖片裁剪器圖像調整器拼貼製作器
主頁 > 雜項 > 圖像工具
 

螢幕截圖美化工具

把普通螢幕截圖變成適合分享的圖片:加上漸層留白、圓角、柔和陰影與可選的視窗外框。背景可自動配合您的截圖,全部在瀏覽器中繪製。

免費使用無需註冊即時出結果
螢幕截圖美化工具立即免費試用 ▼
screenshot.png
匯出尺寸 0 × 0 內建示範截圖 — 拖入您自己的截圖即可取代
✨ 風格預設
一鍵範例 — 一次同時設定背景、留白、圓角半徑、陰影與外框。
🎨 背景
📐 形狀
8%
16
陰影
🪟 視窗外框
🖥️ 畫布尺寸
⬇️ 匯出
不會上傳任何內容 — PNG 由您自己的瀏覽器編碼。

Embed 螢幕截圖美化工具 Widget

螢幕截圖美化工具

螢幕截圖美化工具會把作業系統產生、貼齊邊緣的原始矩形,變成看起來經過設計的圖片:放在彩色留白中,帶有圓角、下方柔和陰影,以及(若您需要)視窗外框。拖入螢幕截圖、選一個預設,再下載符合發佈位置的 PNG。檔案由您自己的瀏覽器讀取與繪製,因此儀表板、發票或內部工具的截圖不會離開您的裝置。

工具實際會改什麼

截圖內部內容完全不動。每一項設定都作用在它周圍的畫框上,下圖標出您正在調整的四層。

留白 圓角半徑 投影 漸層畫布
漸層畫布截圖背後的彩色區域。可選擇預設、純色、透明,或讓自動從您自己的圖片中取樣顏色。
留白截圖與畫布邊緣之間的間距,以百分比設定,因此會隨圖片縮放,而不是固定像素。
圓角半徑截圖邊角有多圓。與您發佈表面的圓角相符,才會讓圖片感覺原生。
投影把截圖從畫布上托起來的下方模糊。四種深度,從平面到強烈。

自動背景,以及它為什麼重要

多數螢幕截圖美化工具給您的是人人都在用的那十幾套漸層,結果看起來像範本。自動色塊則會把截圖縮小成縮圖,平均其顏色,再以該色相產生雙色漸層,並把飽和度與明度推到圖片背後仍然可讀的區間。藍色分析儀表板會得到深藍紫畫布,暖色照片會得到琥珀色畫布。只需一點,這是讓留白看起來是選出來的、而不是預設值的最快方法。

視窗外框與透視傾斜

外框會立刻告訴讀者他們在看什麼。macOS 外框加上熟悉的三顆紅綠燈圓點,讀起來像桌面應用程式。瀏覽器外框在圓點之外再加上可輸入自己網域的網址列,讀起來像網頁,並悄悄把您的 URL 放進圖片。當截圖本身已包含介面外框時,請選擇

傾斜滑桿施加水平透視,逐欄繪製帶外框的截圖,使近邊高於遠邊。少量(五到十五度)就能得到 3D 產品樣稿效果;再大,截圖裡的文字就開始難讀,這時就該停手。

各平台的匯出尺寸

畫布預設像素比例最適合
自動跟隨原圖原始部落格文章、文件、更新紀錄、電子郵件
方形1080 x 10801:1Instagram 動態牆、頭像、輪播
直向1080 x 13504:5Instagram 可完整顯示的最高圖片
X 貼文1600 x 90016:9X 與 Mastodon 動態牆圖片
Open Graph1200 x 6301.91:1X、Slack、LinkedIn、Discord 上的連結預覽
LinkedIn1200 x 6271.91:1LinkedIn 動態牆貼文
限時動態1080 x 19209:16Instagram 與 TikTok 限時動態、Reels 封面

當預設比截圖更窄或更高時,截圖會縮小以放入留白之內,而不是裁切,因此其中任何內容都不會被切掉。

如何使用螢幕截圖美化工具:逐步說明

  1. 加入螢幕截圖:將 PNG 或 JPG 拖到上傳面板上,點選面板瀏覽檔案,或按 Ctrl+V 直接從剪貼簿貼上。
  2. 選擇風格預設:點選日落、海洋、薄荷、葡萄、岩灰或紙白,一次同時設定背景、留白、半徑與陰影。
  3. 微調:調整留白、圓角半徑、陰影、外框與傾斜。每次變更都會重繪預覽。
  4. 選擇輸出尺寸:為您要發佈的平台選擇畫布預設,這樣就不必事後再改尺寸。
  5. 匯出:「下載 PNG」儲存檔案,「複製圖片」放到剪貼簿,可直接貼到貼文中。

實用技巧

隱私

每一步都透過 HTML5 canvas API 在瀏覽器分頁中執行。截圖用本機物件 URL 讀取、繪製,再用瀏覽器自己的 PNG 編碼器匯出。不會上傳、儲存或傳送任何圖片,頁面載入完成後,工具完全不需要網路也能繼續使用。

常見問題

我的螢幕截圖會被上傳到任何地方嗎?

不會。整個工具是在瀏覽器分頁中執行的 canvas 指令碼,您拖入的檔案在本機讀取、在本機繪製。不會傳送到伺服器,因此產品儀表板、發票和其他機密截圖會留在您的裝置上。頁面載入完成後即使離線,工具也能繼續使用。

社群媒體應該匯出多大尺寸?

使用畫布預設。X 貼文在 1600×900(16:9)效果最好,Instagram 動態牆貼文為 1080×1350(4:5),Instagram 與 TikTok 限時動態為 1080×1920(9:16),LinkedIn 貼文為 1200×627,幾乎所有平台的連結預覽為 1200×630(Open Graph 預設)。自動會保留截圖本身的比例,只加上留白。

為什麼加上留白會讓螢幕截圖更好看?

原始螢幕截圖是貼齊邊緣的矩形,出現在動態牆裡會和貼文背景撞在一起,看起來像雜物。留白給圖片自己的邊距,圓角避免它和周圍卡片圓角打架,陰影把它從背景上托起來,讓眼睛把它當成一個物件。內容沒有改變,只改了取景。

可以保留透明背景嗎?

可以。選擇透明背景色塊後,留白區域會匯出為透明通道而不是顏色,圓角、外框與陰影仍會繪製。隨後下載 PNG 會保留該透明度。當您要把結果放到投影片或頁面上、並讓它們自己的背景透出來時,就用這個選項。

如何從剪貼簿貼上螢幕截圖?

用會把截圖複製到剪貼簿的快捷鍵擷取畫面,例如 Windows 上的 Ctrl+Shift+S,或 Mac 上的 Cmd+Ctrl+Shift+4,然後點選本頁任意位置並按 Ctrl+V(Mac 上為 Cmd+V)。圖片會從貼上事件中取出並載入到預覽,全程不經過磁碟上的檔案。

自動背景選項做什麼?

自動會把螢幕截圖縮到很小,平均其顏色,再以該平均色相產生雙色漸層,並把飽和度與明度推到圖片背後仍然可讀的範圍。結果是屬於這張截圖的留白,而不是通用的紫色漸層,這通常就是精心設計的貼文圖和範本圖的差別。

引用此內容、頁面或工具為:

"螢幕截圖美化工具" 於 https://MiniWebtool.com/zh-tw/螢幕截圖美化工具/,來自 MiniWebtool,https://MiniWebtool.com/

由 miniwebtool 團隊製作。更新日期:2026 年 9 月 4 日

圖像工具:

熱門與最新工具:

CSS美化工具HTML美化器javascript壓縮/美化工具查看全部 →
主頁 > 雜項 > 圖像工具 > 螢幕截圖美化工具