UltKit

JPG 轉 ICO 轉換器

用 JPG 照片、標誌或頭像製作 .ico 圖示。一個檔案就包含 16 到 256 px 的所有尺寸,瀏覽器分頁、書籤列和 Windows 桌面都能各自取用需要的尺寸。

圖片轉換器

或將JPG, JPEG, JPE … 檔案拖曳到這裡 ·

每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除

輸出

檔案會在我們的伺服器上處理,並於 30 分鐘後刪除。

使用方式

  1. 1

    上傳正方形 JPG

    請使用至少 256 × 256 px 且已裁切成正方形的圖片。如果要為多個網站或程式製作圖示,每批最多可上傳 20 張 JPG。

  2. 2

    選擇尺寸

    圖示尺寸預設為所有尺寸(16–256)。如果程式只需要單一尺寸,請在進階設定中選擇,例如 32 px。

  3. 3

    按下「轉換為 ICO」

    下載 .ico 檔後,若用於網站,請改名為 favicon.ico;若用於 Windows 捷徑,則將捷徑指向此檔案。

JPG 轉 ICO,製作網站 favicon 或 Windows 捷徑圖示

圖示檔從早期的 Windows 版本就已存在,ICO 至今仍是 Windows 儲存程式與捷徑圖示的格式。網站在 1999 年開始採用,當時 Internet Explorer 5 會對加入我的最愛的每個網站請求 /favicon.ico,瀏覽器至今仍會要求這個檔案。Windows Vista 將最大尺寸提升到 256 × 256 px,並允許這些大尺寸項目以壓縮的 PNG 資料儲存。

ICO 檔案是一個小型的圖像目錄,每種尺寸各有一個項目。這就是它與單純縮小 JPG 的主要差異:瀏覽器分頁可使用 16 px 項目,高解析度分頁或工作列使用 32 px 項目,Windows 桌面的大圖示檢視則使用 256 px 項目。每個項目都是分別由你的來源圖縮放而成,因此 logo 的 JPG 在每個尺寸都能保持清晰,而不是從單一小圖拉伸。

哪些地方需要 ICO 檔,又需要什麼尺寸

常見需要圖示檔的地方
機構規定來源
瀏覽器(Chrome、Edge、Firefox、Safari)網站根目錄的 favicon.ico 或 <link rel="icon">;分頁使用 16 和 32 px—
Google 搜尋邊長為 48 px 倍數(48、96、144 …)的正方形 favicon,用於搜尋結果旁的圖示;接受 ICO 格式—
Windows 捷徑的「變更圖示」對話方塊需為 .ico 檔;256 px 可在大圖示檢視下呈現清晰畫面—
WordPress 網站圖示設定至少 512 × 512 px 的正方形圖片;會從 JPG 或 PNG 自行產生各種尺寸—

JPG

JPEG 影像

JPEG(或 JPG)是使用最廣泛的照片格式,由 Joint Photographic Experts Group 於 1992 年標準化。它採用失真壓縮,捨棄肉眼不易察覺的細節,讓照片小到適合網頁、電子郵件和手機儲存。它能妥善處理平滑漸層和自然景物,但銳利的文字、線稿和純色區域會出現明顯的區塊或模糊瑕疵。JPEG 沒有透明度也沒有動畫,每次重新儲存都會再損失一點畫質。所有瀏覽器、手機、相機和影像編輯器都能開啟。

壓縮方式
有損
透明度
不支援
動畫
不支援
推出年份
1992 · Joint Photographic Experts Group
JPG 轉檔工具

ICO

Windows 圖示

ICO 是 Microsoft 的圖示格式,用於 Windows 程式圖示和網站 favicon。單一 .ico 檔可包含多種尺寸的影像,例如 16×16、32×32、48×48 和 256×256 像素,讓系統挑選最合適的尺寸。每張影像可儲存為點陣圖或 PNG 資料,並支援完整的 Alpha 透明度。ICO 不適合用於照片或大型圖像。瀏覽器、Windows 和多數圖示編輯器都能讀取。

壓縮方式
無損
透明度
支援
動畫
不支援
推出年份
Microsoft
ICO 轉檔工具

當你手上的 logo 或頭像只有照片式的 JPG,而網站、佈景主題或 Windows 捷徑需要多尺寸的 .ico 檔時,就需要把 JPG 轉成 ICO。

把 JPG 照片做成在 16 px 下仍清楚可辨的圖示

照片不適合做圖示,原因只有一個:低於 32 px 時細節會消失。以平面背景匯出成 JPG 的 logo 是最理想的情況,可順利轉換。產品或人物照片則需要先緊貼某個容易辨識的形狀裁切。可以使用裁切圖片工具裁成正方形,或參考如何依比例裁切圖片以取得精確的 1:1 構圖。

JPG 的背景會原樣保留。在白色的瀏覽器分頁上,白色方塊看不出來,但在深色模式下會顯示成明亮的方塊。如果在意這點,請在編輯軟體中將主體去背、存成透明 PNG,再轉換該檔案。

轉換前須知

  • 正方形來源圖,256 × 256 px 或更大
  • 單色或簡單的背景
  • 一個清楚的形狀,而非整個場景
  • 在真實的瀏覽器分頁中檢查 16 px 尺寸

JPG 轉 ICO 常見問題

JPG 能轉成透明背景的圖示嗎?

光靠轉檔無法做到。JPG 沒有 alpha 色版,主體周圍的背景(通常是白色或有顏色的方塊)會出現在每個圖示尺寸中。如果希望圖案在瀏覽器分頁中呈現透明效果,請先去除背景、存成 PNG,再使用 PNG 轉 ICO。

JPG 轉成的 ICO 裡會包含哪些尺寸?

選擇所有尺寸(16–256)時,檔案會包含 16、32、64、128 和 256 px 版本,每個版本都由你的 JPG 縮放而來。如果程式或佈景主題只需要單一尺寸,例如傳統 favicon 常用的 32 px,請在圖示尺寸中選擇該數值。

JPG 轉 ICO 前,圖片應該多大?

至少 256 × 256 px,且為正方形。較小的來源圖在大尺寸時會被放大,在 Windows 桌面上看起來會模糊;來源圖大很多則沒問題,因為只會被縮小。

favicon.ico 要放在網站的哪裡?

請上傳到網站根目錄,讓它能以 /favicon.ico 載入;瀏覽器會自動請求這個位址。在頁面 head 中加入 <link rel="icon" href="/favicon.ico"> 可以明確指定。

人像照片適合做成很小的圖示嗎?

幾乎不行。在 16 × 16 px 下,人臉只會變成幾個色塊。請先緊貼頭部裁切、提高對比,或在小尺寸改用名字縮寫或簡單符號。

對這個轉換器來說,JPEG 和 JPG 檔案有差別嗎?

沒有差別。兩種副檔名的都是相同的 JPEG 資料,轉換方式也一樣。JPEG 轉 ICO 頁面只是為了習慣用這種拼法搜尋的人而設。