2026 年每位開發者都該有的 9 款免費線上圖片工具（HEIC、WebP、EXIF、條碼）

每位開發者終究會繼承一套跟圖片有關的工作流：上傳 iPhone 照片、壓縮截圖、移除 EXIF、交付一個 favicon。

預設答案是「打開 Photoshop」或「找設計要張 PNG」。兩個都不行。Photoshop 每月 20 美金，遮蓋了開發者實際需要的 80% 能力。找設計勉強能用一次，之後每次都會被擋住。

正解是一組瀏覽器版的圖片工具，每件事 10 秒搞定。下面就是清單 — 全部免費、全部用戶端，沒有任何一家會把你的私人照片拖進某個承諾「30 天後刪除」的 SaaS。

我們的挑選標準

清單上的 9 款工具都滿足：

• 100% 用戶端。 沒有上傳意味著沒有隱私風險、沒有 5 GB 額度、沒有慢速網路。
• 免費、無需註冊。 點開即用。
• 無損或高保真。 那種「壓縮」但實際把品質壓到 30 的工具不會上榜。
• 輸出開發者實際會用的格式。 PNG、JPEG、WebP、SVG、ICO。不接受 TIFF。

1. HEIC 轉 JPEG / PNG / WebP 轉換器

iPhone 拍 HEIC，對方要 JPEG。這個工具就是中間層。

為什麼排第一： HEIC 支援是任何會碰到使用者上傳的專案裡最貴的開發時間成本。JavaScript 解碼器（libheif-js，BoxrTools 採用的）能處理那些讓弱轉換器翻車的 iPhone 細節 — Live Photo、深度資料、10-bit HDR。

用一張真實的 iPhone 匯出檔試試 HEIC 轉 JPEG 轉換器。

2. WebP 轉 PNG / JPEG 轉換器

老 CMS、舊版原生 App、政府表單都不認得 WebP。你需要能轉回去。

為什麼重要： 有大量生產系統仍會拒收 .webp 上傳。BoxrTools 轉換器保留原始中繼資料，並允許你在轉檔時選擇 PNG（無損）或 JPEG（更小）。試試 WebP 轉換器。

3. 圖片壓縮與縮放

那張 4 MB 的手機截圖已經塞不進你的 PR 描述，也塞不進你的信件夾檔大小。聰明地壓縮。

最適合： 在附上 PR 或貼到 Slack 之前先壓縮截圖。

為什麼比其他的好：

• 感知導向的品質目標。 不是固定的品質滑桿 — 它挑出在 SSIM 仍維持 ≥0.99 的最低品質。
• EXIF 預設保留。 同時為注重隱私的使用者提供「剝除」開關。
• 沒有檔案大小上限。 4 GB 的圖片也處理得動（會比較慢，採串流）。

試試 圖片縮放與壓縮。

4. 圖片轉 Base64（資料 URL）

產生 data:image/png;base64,... 字串，用來內嵌在 CSS、單一檔 HTML 報告、或快速原型注入。

最適合： 直接把小 SVG 與圖示內嵌在 CSS 中，省去額外檔案請求。

為什麼比其他的好：

• 支援拖放。 一次丟 50 張圖進去，50 個資料 URL 一次拿。
• 沿用原始 mime 類型。 想要保真度就 PNG 進 PNG 出；想縮小就改用 JPEG。

試試 圖片轉 Base64 轉換器。

5. EXIF 中繼資料檢視器

讀出相機寫進檔案裡的所有資訊：日期、GPS 座標、鏡頭、快門、ISO。或為了隱私把它們全部清掉。

最適合： 拿到一張原始檔名不見了的 JPEG 時，確認「這張照片在哪拍的」；或在分享前抹掉 GPS 座標。

為什麼重要： 我在調 CMS 或截圖流程時需要查「這張照片是用什麼鏡頭拍的」、「它從哪來」的次數 — 太多了。EXIF 檢視器 解析 JPEG、TIFF、HEIC、PNG，以及大多數 RAW 格式（CR2、NEF、ARW、DNG）。

6. 撿色器 / 格式轉換器

給設計師說「把品牌色用 HSL 給我」給開發者只想要 HEX，統一解決。

最適合： 解析某個隨機網頁上的顏色字串（background-color: #2b6fff;），並拿到 HEX / RGB / HSL / HSV / CMYK 等價。

為什麼重要： 撿色器 還會即時計算 WCAG 對比度 — 貼上兩個顏色，立刻知道 AA / AAA / AA-Large 通過/失敗。

7. Favicon 產生器

每個網站都需要 favicon。每個設計師都討厭做。從任意來源圖片產生正規的 16/32/180/192/512 套件。

最適合： 五分鐘內搞定 favicon + apple-touch-icon + manifest 並附上正確的 HTML 片段。

試試 Favicon 產生器。

8. 梗圖產生器

時機到了。拖圖 → 加上下題字 → 匯出 PNG。

最適合： 團隊內部真的好笑的梗。

試試 梗圖產生器。

9. 條碼產生器

EAN-13、UPC-A、Code 39 — 商品頁、庫存腳本、或 QR 風格標籤都可用。

最適合： 商品詳情頁的 SKU 必須使用正式 EAN-13。

試試 條碼產生器。

怎麼選

如果你只從這份清單裡挑一款使用，把圖片縮放與壓縮裝成 PWA 捷徑。每個開發流程最終都要塞一張截圖進去，這個捷徑省下的累計時間比其他更專門的工具都還多。

這些工具不能取代什麼

如果你在做視覺產品，仍然會需要真正的設計工具 — 這些是 utility，不是 Figma 的替代品。它們針對的是「我有一個檔案，我要不同的檔案」這個場景，並跳過所有介面考量。把它們用在擅長的地方，只有做真正的設計工作時才去找 Figma / Photoshop。