ByteScope

Screenshot Beautifier

貼上截圖,配一張漸層或模糊背景、圓角、陰影和視窗外框,然後下載或複製——圖片不會離開你的瀏覽器。

檔案不會離開你的瀏覽器 — 全部在本機處理。

貼上、拖進或選一張截圖

頁面一打開就能按 Ctrl/Cmd+V 貼上。PNG、JPEG、WebP 都可以。

這頁不會做的事

  • 它不會幫你遮個資。先到截圖遮蔽把名字、Email 和 token 塗黑,再在那邊按「美化這張截圖」,結果就會帶到這裡。 打開截圖遮蔽
  • 輸出的檔案沒有 EXIF:從畫布輸出的圖片一律不會帶原圖的中繼資料。
  • 整頁擷取這種很大的截圖,加上內距和 2× 之後可能超過瀏覽器的畫布上限。這時頁面會退回 1×,或是拒絕輸出並說明原因。
  • 不會上傳任何東西:截圖只是畫在這個分頁裡的畫布上。
  • 上次用的樣式只會記在這個瀏覽器裡。

關於這個工具

原封不動的截圖丟到 X、Threads、LinkedIn、部落格或簡報裡,看起來就是少了點什麼:邊緣生硬、沒有留白、背景還是你桌面當時的顏色。這一頁是一個免費、完全在瀏覽器裡跑的截圖美化工具。頁面一打開就能按 Ctrl/Cmd+V 貼上,也可以拖檔案進來或選檔,預覽會直接套好漸層背景、8% 內距、12 px 圓角、柔和陰影和 macOS 視窗外框。隨便改哪一項,預覽都會馬上跟著變。什麼都不會上傳:圖片是畫在你分頁裡的一張畫布上,就留在那裡。

背景、內距、圓角、陰影、外框

背景有四種:純色、12 組現成的漸層、把截圖本身模糊放大鋪滿(產品貼文最常見的那種風格,而且不用自己挑顏色),或是完全透明。內距只有一條滑桿,以截圖短邊的比例計算,從 0 到 25%。圓角 0 到 48 px,套在截圖上(有外框時套在整個視窗上),不會套在背景上。陰影分無、柔和、強烈三段。外框可以選無、帶三顆彩色圓點的 macOS 視窗,或是有網址列的瀏覽器視窗,網址列留白或打一段網址都行。沒有手機外框:要把各家手機的外型畫得像,就會碰到商標問題,我們決定不碰。

比例,以及 2× 到底做了什麼

「自動」會讓畫布剛好裝下截圖加內距。固定比例 16:9、1:1、4:5、9:16 和 1.91:1 是社群分享卡和動態牆常見的形狀;畫布會長大去配合那個形狀,多出來的空間平均分到兩側,所以截圖永遠置中,也不會被縮小。輸出是 PNG 的 1× 或 2×。關於 2× 要講清楚:畫布上所有東西都以兩倍大小重畫,外框、陰影和網址列文字在高解析度螢幕上會更銳利,但截圖本身不會長出原本沒有的細節。JPEG 沒有透明,所以只有背景不透明時才能選。瀏覽器允許把圖片寫進剪貼簿的話,結果也能直接複製;不允許時按鈕會停用並說明原因。

先遮,再美化

這一頁不會幫你遮個資。截圖裡有名字、Email 或 token 的話,先去截圖遮蔽工具把該遮的塗黑,然後按那邊的「美化這張截圖」:已經塗黑並攤平的圖會一步帶到這裡,重新整理這一頁也不會再帶第二次。反過來先美化再遮是錯的順序,所以不提供。你上次用的樣式只記在這個瀏覽器裡,儲存被擋住時就回到預設值。輸出的檔案不帶 EXIF,因為畫布匯出本來就沒有。非常大的截圖(像是整頁長截圖)加上內距再乘 2× 之後,可能超過瀏覽器的畫布上限(總共約 1,677 萬像素,單邊 32,767 px);這時頁面會降成 1×,連 1× 都裝不下就會拒絕並告訴你原因。

常見問題

截圖會被上傳嗎?

不會。圖片由你的瀏覽器解碼、畫在分頁裡的畫布上;你下載的 PNG 或 JPEG、複製到剪貼簿的圖,都是從那張畫布產生的。頁面不會發出任何帶著你圖片的網路請求。

它會幫我把名字或 Email 糊掉嗎?

不會。這一頁只負責外觀。請先用截圖遮蔽工具把不能露出的部分塗黑,再按那邊的「美化這張截圖」,把遮好的結果帶過來。先美化再遮是錯的順序,所以這一頁不提供。

選 2× 會讓糊掉的截圖變清楚嗎?

不會。2× 是把整張畫布以兩倍大小重畫,外框、陰影和網址列文字在高解析度螢幕上會比較銳利;截圖本身只是被放大,長不出原本沒有的細節。截圖本來就糊,請用更高的解析度重截一次。

為什麼不能選 JPEG?

JPEG 沒有透明,所以只有背景是純色、漸層或模糊放大版的時候才能選。背景透明時輸出會是 PNG,空白的地方才會保持空白。

為什麼沒有手機外框?

像樣的手機外框得把各家手機的外型畫出來,那會碰到商標問題,我們決定不碰。這一頁提供 macOS 視窗、有網址列的瀏覽器視窗,或者完全不加外框。

長截圖為什麼被降成 1× 或直接被拒絕?

瀏覽器對畫布大小有上限:總共約 1,677 萬像素,單邊 32,767 px。整頁長截圖加上內距、再乘 2× 之後可能超過,所以頁面會退回 1×。連 1× 都裝不下的話,頁面會拒絕並說明原因,而不是給你一張空白或被裁掉的圖。