跳到主要內容

截圖美化與樣機製作

為截圖加上漸層背景、陰影、圓角,以及瀏覽器或裝置外框,全程在瀏覽器中處理。

拖放或貼上截圖按 Ctrl+V(⌘V)即可直接從剪貼簿貼上
選擇截圖在你的裝置上處理,不會上傳
在瀏覽器中執行・不需上傳運作方式

截圖美化 使用方法

  1. 1

    貼上截圖

    截圖後直接在此頁面按 Ctrl+V(⌘V),或拖放圖片檔案。

  2. 2

    選擇背景

    可選擇漸層、網格漸層、純色、你自己的照片,或透明背景。

  3. 3

    加上外框與樣式

    加入瀏覽器、視窗、筆記型電腦、平板電腦或手機外框,並調整邊距、圓角、陰影與圖說。

  4. 4

    匯出

    選擇尺寸預設與 1×、2× 或 3×,然後下載 PNG 或複製圖片。

限制與 Pro

單張截圖最大 25 MB,可使用所有外框與背景,並以 1×、2× 或 3× 匯出,長邊最大 8000 px,不限次數,也不會加上浮水印。

可處理超過 25 MB 的來源檔案;沒有 Pro 專屬的外框或樣式。 查看 Pro

關於 截圖美化

截圖美化工具能把一般的截圖包裝成設計感十足的畫面,並匯出為 PNG。輸出尺寸會依截圖、外框與邊距而定:一張 1280 × 800 的截圖套上瀏覽器外框、使用預設邊距時,1× 約為 1510 × 1112 像素,2× 則為兩倍。16:9、1:1、4:5、9:16、X 與 LinkedIn 等預設會把畫布延伸成各平台的長寬比,而不會裁切圖片。匯出的長邊上限為 8000 像素;若使用透明背景,輸出的 PNG 會帶有 alpha 色版,並保留投影。

外框是以程式繪製的通用裝置與視窗,可在任何解析度下使用:有網址列的淺色或深色瀏覽器、附紅黃綠按鈕與標題的桌面視窗、有螢幕蓋與機身的筆記型電腦、平板電腦,以及採用瀏海島或打孔鏡頭的手機造型。背景提供 12 種色調漸層與 6 種網格漸層,也可改用純色或照片,並可選擇加上模糊。

適合用於產品發表、說明文件、版本更新說明、社群貼文與簡報。它不提供標註功能(無法在截圖上加箭頭或註解框),也不會自行擷取螢幕,外框皆為風格化設計,並非任何廠商硬體的精確複製。

隱私

整個畫面都是在你的瀏覽器中以畫布繪製,檔案不會離開你的裝置,所以儀表板與尚未發表功能的截圖都能保持私密。加入圖說時會從 Google Fonts 載入字體,該請求不包含任何截圖資料。

功能

程式繪製的外框

瀏覽器、視窗、筆記型電腦、平板電腦與兩種手機造型,可在任何解析度下產生。

漸層與網格漸層背景

Material 風格的色調漸層、網格漸層、純色,或使用你自己的照片。

社群尺寸預設

16:9、1:1、4:5、9:16、X 與 LinkedIn 畫布,絕不裁切截圖。

截圖美化:常見問題

如何讓截圖看起來更專業?
給它留白與層次感。放在柔和的漸層背景上,邊距設為 8~12%,圓角稍微加大,再加上淡淡的陰影;網站截圖可套上顯示真實網址的瀏覽器外框。背景保持簡潔,讓介面成為焦點,並以 2× 匯出,社群平台縮圖時小字才會清楚。
社群媒體該選哪一種尺寸預設?
X 貼文與 YouTube 縮圖用 16:9,連結形式的 LinkedIn 貼文用 1.91:1 的 LinkedIn 預設,Instagram 與 LinkedIn 動態圖片用 1:1 或 4:5,限時動態、Reels 與 Shorts 用 9:16。自動則會依外框後的截圖調整畫布。預設只會延伸背景,不會裁切或壓扁截圖。
可以匯出透明背景嗎?
可以。在「背景」中選擇「無」,PNG 就會保留 alpha 色版,只有加上外框的截圖與柔和的投影不透明。很適合放在彩色簡報、登陸頁區塊或設計檔中。複製到剪貼簿時,Figma、Keynote 與多數設計軟體等支援的應用程式也會保留透明效果。
裝置外框是真正的產品圖片嗎?
不是。每個外框都是由程式以矩形、曲線與漸層繪製而成,並非取自廠商的設計圖,因此能適應任何解析度,也不含商標圖像。造型刻意採用通用設計:有瀏海島式開孔或打孔鏡頭的手機、筆記型電腦、平板電腦、桌面視窗與瀏覽器。
為什麼要用 2× 或 3× 匯出?
高密度螢幕的每個 CSS 像素會對應兩到三個裝置像素,1× 的圖片在上面會顯得模糊;X 與 LinkedIn 等平台也會縮小上傳的圖片,讓小字更難看清。2× 的像素足以應付這兩種情況,檔案大小也合理,3× 則適合列印與超大螢幕。倍率只改變像素數量,不影響版面。
全部圖片工具