把 JPG 轉成 ICO

直接在瀏覽器中把 JPG 變成正規的多解析度 favicon.ico——連同現代圖示組合包的其餘檔案一起。不會上傳任何內容。

隱私優先:每張圖片都在你的瀏覽器中本機處理。任何內容都不會上傳、儲存或傳輸到任何伺服器。

從照片格式的 JPEG 到圖示格式

JPG 是為照片而生的,不支援透明;ICO 則是一種可同時容納多張小方形點陣圖的容器。兩者之間的轉換不是改個檔名而已——影像必須重新取樣成 16、32 與 48 像素,再打包進同一個檔案。這個工具做的正是這件事,寫出一個真正的多解析度 favicon.ico,讓瀏覽器能為分頁、書籤列或桌面捷徑各自挑出需要的尺寸。

把照片裁到看得清楚為止

JPEG 通常是照片,而照片縮到 16 像素後很少還能倖存。用內距與形狀控制項把主體拉近,加上純色背景讓邊緣保持乾淨,再看即時預覽與模擬的瀏覽器分頁,判斷它在分頁尺寸下是否還讀得出來。完整組合——favicon.ico、apple-touch-icon、PWA 圖示與 HTML 程式碼片段——會打包成 zip 下載。

常見問題

製作 favicon 時我的圖片會被上傳嗎?
不會。favicon.ico、PNG 圖示與 manifest 全都透過 Canvas API 在你的瀏覽器本機產生。你的圖片永遠不會離開裝置。
我會拿到哪些尺寸與檔案?
一個多解析度的 favicon.ico(16、32 與 48px)、16、32、48、180(apple-touch-icon)、192 與 512px 的 PNG 圖示、一個 site.webmanifest,以及一段可貼進 <head> 的 HTML 程式碼片段。
我可以把 PNG 或 SVG 轉成 ICO 嗎?
可以。丟入 PNG、JPG、SVG 或 WebP,就能下載真正的 favicon.ico。SVG 標誌會先在本機以高解析度點陣化。
什麼樣的圖片效果最好?
簡潔、高對比的方形標誌。非方形的圖片會置中裁切以符合比例;你可以用內距與形狀控制項,把它框成你想要的樣子。
我要如何安裝 favicon?
把套件解壓縮到網站的根目錄,並把提供的 HTML 程式碼片段貼進頁面的 <head>。大多數瀏覽器都會自動抓取 favicon.ico。