JPG 轉 ICO 轉換器
用 JPG 照片、標誌或頭像製作 .ico 圖示。一個檔案就包含 16 到 256 px 的所有尺寸,瀏覽器分頁、書籤列和 Windows 桌面都能各自取用需要的尺寸。
圖片轉換器
或將JPG, JPEG, JPE … 檔案拖曳到這裡 ·
每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除
檔案會在我們的伺服器上處理,並於 30 分鐘後刪除。
85 可讓照片在視覺上與原圖幾乎相同。只有需要更小的檔案時才調低。
JPG、BMP 和 EPS 不支援透明。透明的像素會以此顏色填滿。
用於透明像素後方的十六進位色碼,例如 #FFFFFF。
此格式只能存放單張圖片。若要保留動畫,請選擇輸出 GIF 或 WebP。
多尺寸圖示會在一個檔案中包含多種解析度,瀏覽器和作業系統會自行選用需要的尺寸。
保留原始尺寸,或輸入其中一邊,系統會維持長寬比。
上方所選邊的像素值。
相對於原始尺寸的百分比。
sRGB 適合螢幕和網頁。印刷流程請保留原始設定;灰階會捨棄顏色。
僅為中繼資料,0 表示保留原始值。印表機和部分入口網站會讀取此數值;不會改變像素尺寸。
使用方式
- 1
上傳正方形 JPG
請使用至少 256 × 256 px 且已裁切成正方形的圖片。如果要為多個網站或程式製作圖示,每批最多可上傳 20 張 JPG。
- 2
選擇尺寸
圖示尺寸預設為所有尺寸(16–256)。如果程式只需要單一尺寸,請在進階設定中選擇,例如 32 px。
- 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
ICO
Windows 圖示
ICO 是 Microsoft 的圖示格式,用於 Windows 程式圖示和網站 favicon。單一 .ico 檔可包含多種尺寸的影像,例如 16×16、32×32、48×48 和 256×256 像素,讓系統挑選最合適的尺寸。每張影像可儲存為點陣圖或 PNG 資料,並支援完整的 Alpha 透明度。ICO 不適合用於照片或大型圖像。瀏覽器、Windows 和多數圖示編輯器都能讀取。
- 壓縮方式
- 無損
- 透明度
- 支援
- 動畫
- 不支援
- 推出年份
- Microsoft
當你手上的 logo 或頭像只有照片式的 JPG,而網站、佈景主題或 Windows 捷徑需要多尺寸的 .ico 檔時,就需要把 JPG 轉成 ICO。
把 JPG 照片做成在 16 px 下仍清楚可辨的圖示
轉換前須知
- 正方形來源圖,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 頁面只是為了習慣用這種拼法搜尋的人而設。