圖片透明度調整

圖片透明度調整會重新設定圖片的 Alpha 通道，讓整張圖片依你指定的百分比呈現半透明效果，接著提供能在任何位置維持透明效果的 PNG。透明度的視覺效果會受到背景影響，因此預覽背景可以切換為棋盤格、白色、黑色或任意顏色；即時縮圖階梯則會同時顯示原圖套用多種透明度後的效果。所有處理都在這個瀏覽器分頁中進行，檔案不會上傳。

圖片透明度調整的特色

如何使用圖片透明度調整

1. 開啟圖片：將 JPG、PNG、WebP 或 GIF 拖曳到上傳區，點選以瀏覽檔案，或按 Ctrl+V 貼上圖片。圖片會在瀏覽器中解碼，不會上傳。
2. 設定透明度：拖曳「透明度」滑桿、輸入精確百分比，或點選透明度階梯中的縮圖，直接查看原圖套用各透明度後的效果。
3. 選擇預覽背景：在棋盤格、白色、黑色或自訂顏色背景之間切換，依圖片實際放置的背景判斷透明度效果。
4. 視需要加入淡出效果：選擇線性、放射狀或邊緣羽化，讓圖片逐漸變透明，接著設定淡出角度、淡出寬度和最低透明度。
5. 下載結果：選擇 PNG 或 WebP，以保留 Alpha 通道並按照原始解析度下載；也可以選擇 JPG，並指定要合併透明區域的底色。

該選擇多少透明度？

以下是實際工作中常用的數值。它們都是起始參考值，不是硬性規定；套用設定前，請先將預覽背景調成接近最終使用的背景。

三種淡出形狀

• 線性會沿著一個方向調整透明度，方向由淡出角度決定。90° 會讓圖片由上往下淡出，這是將照片與下方頁面融合的常見方式。淡出寬度決定漸層佔圖片的比例：25% 的窄幅淡出會讓大部分圖片保持不透明，100% 則會讓漸層從一側延伸到另一側。
• 放射狀會保留中心的實心效果，並以橢圓形向外淡出，讓主體清晰、周圍逐漸消失。柔和暗角或沒有硬邊的圓形頭像都適合使用這種形狀。
• 邊緣羽化會從四邊均勻淡入。由於淡出效果會依照像素到最近邊緣的距離變化，橫向和直向圖片都能有相同的視覺邊框厚度；適合需要維持一致外觀的一組圖片。

這三種漸層都使用 smoothstep 曲線，而不是直線。線性的 Alpha 漸層看起來會有明顯的起點和終點，因為人眼很容易察覺變化速度突然改變；smoothstep 則會逐漸加速並減速，看起來就像自然淡出。

常見用途

• 浮水印：將標誌調整為 20% 透明度並匯出 PNG，就能在任何編輯器中疊加到照片上，不必每次都重新設定透明度。
• 投影片和文件背景：在文字區塊後方放置 12% 透明度的照片，可以增加層次，又不會讓對比度低於無障礙門檻。
• 網頁和 App 設計：預先製作半透明素材，用於覆蓋圖層、停用狀態和滑鼠懸停圖層，適合本身沒有透明度設定的 CSS。
• 影片和直播覆蓋圖層：OBS 等工具會直接合成 PNG Alpha，因此 35% 透明度的徽章能直接顯示在直播畫面上，不必另外套用濾鏡。
• 列印和手作：製作邀請函、剪貼簿和證書使用的淡化照片背景，並以原始解析度儲存，避免重新取樣。
• 淡化比較照片：將一張曝光照片淡化並疊在另一張上方，方便對齊建築或產品照片。

透明度、Alpha 和不透明度：同一件事的三種說法

RGBA 像素包含四個位元組：紅、綠、藍和 Alpha。Alpha 是覆蓋比例，不是色彩；它表示這個像素後方的內容要顯示多少。透明度可以用百分比表示，而不透明度則與透明度互補。因此，30% 不透明度、Alpha 77 和 70% 透明度都代表同一個像素。此工具會直接處理 Alpha 位元組，不會改動紅、綠或藍通道，所以降低透明度後再調高，色彩會完全恢復原樣。

還有一點值得了解：Canvas 的 ImageData 使用未預乘格式儲存，也就是色彩通道會保留完整數值，Alpha 則另外儲存。有些圖片處理流程會使用預乘格式，先將色彩依 Alpha 縮放；重複編輯透明度時，圖片邊緣就可能逐漸變暗。使用未預乘格式，能讓這項操作完全可逆。

選擇匯出格式

讓結果更清晰的小技巧

• 先選擇接近實際情況的背景。先在棋盤格上選好 25%，再把圖片放到深色頁面上，是浮水印變得難以辨識的最常見原因。
• 先查看透明度階梯，再調整滑桿。並排查看六種透明度的原圖，通常比拖動滑桿並努力回想上一個數值的效果更容易做決定。
• 淡出寬度超過 80% 時，效果可能看起來不自然。保留至少 20% 的實心區域，能讓視線有明確的焦點。
• 文字可提高最低透明度。淡出到 0% 會讓部分文字消失；設定 15–25% 的下限，可以讓文字淡化但仍可辨識。
• 不確定時就匯出 PNG。PNG 無損、相容性廣，也是三種格式中最不容易帶來意外的選擇。

隱私

圖片解碼、Alpha 值重設和重新編碼都會在瀏覽器中透過 HTML5 Canvas API 完成。圖片資料不會傳送到 miniwebtool 或任何第三方，也不會儲存；即使離線，頁面仍能繼續運作。這對人們最常想加上浮水印的檔案特別重要，例如尚未公開的產品照片、客戶作品和個人照片。

常見問題

如何調整圖片透明度？

開啟圖片，將「透明度」滑桿拖曳到所需百分比，再以 PNG 格式下載。工具會重新設定每個像素的 Alpha 通道；例如 40% 透明度會將 Alpha 值設為 255 中的 102，而紅、綠、藍通道則完全不變。圖片不會與白色背景合成，因此無論放在哪裡，檔案都會維持真正的半透明狀態。

為什麼我的透明圖片又變成不透明了？

最常見的原因是圖片以 JPG 格式儲存。JPG 沒有 Alpha 通道，因此寫入檔案時，所有透明像素都必須合併到某種底色上。請改用 PNG 或 WebP，透明度就能保留下來。如果 PNG 看起來仍然不透明，請確認開啟圖片的程式會將透明區域合成顯示，而不是放在不透明的白色畫布上。

浮水印應該使用多少透明度？

照片上的標誌浮水印通常使用 15% 到 30%：仔細看時能辨識出來，又不會搶走照片焦點。文字浮水印通常需要稍高一些，約 25% 到 40%，因為細筆畫比實心圖形更容易淡化。決定前，請將預覽背景設成接近照片的顏色；同一個浮水印放在白色背景上，會比放在深色圖片上明顯許多。

降低透明度會降低圖片品質嗎？

調整透明度只會寫入 Alpha 通道，色彩通道會維持原樣，因此操作本身不會損失細節。品質變化取決於匯出的檔案格式：PNG 和無損 WebP 重新編碼時不會損失畫質；JPG 會重新壓縮圖片，也會捨棄透明度。如果之後還要編輯圖片，請匯出為 PNG。

我的圖片會上傳到伺服器嗎？

不會。檔案會由瀏覽器透過 Canvas API 解碼、設定新的 Alpha 通道並重新編碼，因此像素不會離開你的裝置，也不會儲存任何副本。頁面載入後，即使離線也能繼續使用，適合處理尚未公開的作品、客戶標誌和個人照片。