圖片/媒體

圖片/媒體 — 匯集 Base64 圖片轉換器、佔位圖產生器、OG 圖片產生器等 5 款免費線上開發工具於一處。無需安裝或註冊，全部在瀏覽器本機執行，輸入資料不會上傳到伺服器，安全又放心，結果即時產生並支援一鍵複製使用。適合日常開發、除錯與資料處理，讓常用操作無需在多個網站之間來回切換即可快速完成。

5 個工具

Base64 圖片轉換器免費線上工具，將圖片（PNG、JPG、GIF、SVG）編碼為Base64 data URI字串，或把Base64解碼還原為圖片，支援即時預覽、複製與下載。適合處理圖示、佔位圖、SVG 等影像與媒體素材，檔案在瀏覽器中直接處理，不會上傳到伺服器，無需安裝或註冊即可免費使用。結果可一鍵複製，整個過程簡單快捷，無需下載任何軟體，在手機和電腦上都能隨時流暢使用。

佔位圖產生器透過設定寬度、高度、背景色和文字顏色來產生自訂佔位圖片，提供即時預覽和即時下載，非常適合用於網頁版面原型設計的免費線上工具適合處理圖示、佔位圖、SVG 等影像與媒體素材，檔案在瀏覽器中直接處理，不會上傳到伺服器，無需安裝或註冊即可免費使用。結果可一鍵複製，整個過程簡單快捷，無需下載任何軟體，在手機和電腦上都能隨時流暢使用。

OG 圖片產生器免費線上 OG 圖片產生器，在瀏覽器中設計社群分享縮圖並匯出 PNG。設定標題、背景與字型，製作 1200x630 的 Open Graph 圖片。適合處理圖示、佔位圖、SVG 等影像與媒體素材，檔案在瀏覽器中直接處理，不會上傳到伺服器，無需安裝或註冊即可免費使用。結果可一鍵複製，整個過程簡單快捷，無需下載任何軟體，在手機和電腦上都能隨時流暢使用。

ICO 轉換器免費線上工具，上傳PNG或JPG圖片即可轉換為包含16x16、32x32、48x48等多種尺寸的多解析度ICO圖示，全程在瀏覽器中處理適合處理圖示、佔位圖、SVG 等影像與媒體素材，檔案在瀏覽器中直接處理，不會上傳到伺服器，無需安裝或註冊即可免費使用。結果可一鍵複製，整個過程簡單快捷，無需下載任何軟體，在手機和電腦上都能隨時流暢使用。

SVG 最佳化工具免費線上SVG最佳化工具，移除多餘的中繼資料、註解和空白代碼以縮小檔案大小，全部在瀏覽器中本地清理，並可直接下載最佳化後的SVG檔案。適合處理圖示、佔位圖、SVG 等影像與媒體素材，檔案在瀏覽器中直接處理，不會上傳到伺服器，無需安裝或註冊即可免費使用。結果可一鍵複製，整個過程簡單快捷，無需下載任何軟體，在手機和電腦上都能隨時流暢使用。

使用方法

1
把圖片拖進工具— 檔案由瀏覽器的 FileReader API 讀取，圖片在分頁內處理，不會有任何上傳離開你的電腦。
2
轉換或壓縮— 把 PNG、JPG 轉成包含多種尺寸的 .ico 圖示，把圖片編碼成 Base64 data URI，或用 SVG 最佳化工具去掉編輯器中繼資料、縮短路徑。
3
下載檔案或內嵌貼上— 儲存結果，或者把 data URI 直接貼進 CSS、HTML；OG 圖片產生器與佔位圖產生器則補上頁面還缺的圖。

常見問題

不會。檔案透過 FileReader 讀取，並在瀏覽器內的 canvas 上處理，不會送往任何地方。ICO 轉換器、Base64 圖片轉換器與 SVG 最佳化工具都是如此。

1200x630 像素，也就是 1.91:1 的比例，因為 Facebook、X 與多數通訊軟體都按這個比例裁切。OG 圖片產生器正是從這塊畫布開始；把檔案控制在 1MB 上下，可避免在較慢的爬蟲上預覽逾時。

適合幾 KB 的小型資源，例如圖示與小標誌——省下一次 HTTP 請求的好處，勝過 Base64 帶來的約 33% 體積增加。較大的圖片仍以檔案形式保留較好，瀏覽器才能單獨快取並延遲載入。