繁體 ▾
Free, Fast & Secure Online Tools
你磁碟上其他每一種圖片格式都只裝一張圖。ICO 裝好幾張——而搞懂為什麼，就同時解釋了這個格式是幹嘛用的，以及它為什麼在「Windows 圖示」早就不是多數人關心的事之後，還長久留在網頁開發裡。
ICO 是一個容器。裡面坐著好幾張完整的圖——通常是同一個圖示分別畫在 16、32、48 像素上，有時更多——各自獨立儲存，各有自己的像素資料。
當某個地方需要一個圖示，它是從檔案裡挑一個最接近它需要的尺寸，而不是把一張圖放大或縮小。
這個設計的存在，是因為一個硬限制：自動縮小會毀掉小圖示。把一個細節豐富的 256 像素圖示縮到 16 像素，你會得到一團灰色污跡——16 × 16 總共就 256 個像素，勉強夠放一個認得出來的形狀。要有一個看得清楚的 16 像素圖示，唯一的辦法是有人在 16 像素上把它畫出來，決定哪些細節要捨棄、哪一筆承載了意義。
所以 ICO 其實不是圖片格式。它是一種「把設計師對好幾個尺寸所做的決定，一次打包送出」的方式。
ICO 來自 1985 年的 Windows 1.0，這讓它還留在網頁開發裡看起來像個意外。倒也不完全是。
瀏覽器會自動向網站根目錄索取 /favicon.ico，不管頁面上有沒有連到任何東西。那個行為遠早於現代的 <link rel="icon"> 標籤，而且從來沒有被移除——因為移除它會弄壞數量龐大的舊網站。
實務上的後果：如果你的根目錄沒有 favicon，每一個訪客的瀏覽器還是會去要一次，然後拿到 404。代價幾乎為零，但那是一個永遠不會成功的請求，而且永遠都在。
這三個是經典組合，到現在仍然是一個 favicon ICO 該有的內容。現代圖示有時會加上 64、128、256；在 ICO 裡面，256 像素那一項通常是以 PNG 資料儲存而不是原始像素——那正是讓檔案不至於變得巨大的原因。
這是常見設計題裡最小的一個，而且比聽起來更極端。你有 256 個像素。不是寬 256——是總共 256。
撐得下來的：
撐不下來的：
常見的錯誤是把公司標誌縮小。大多數標誌是照「名片上讀得到」的尺寸畫的，到 16 像素就變成一團認不出來的東西。正確的做法是另外設計一個記號：去掉文字標的符號，或者一個字母，專門為這個尺寸做。
光有 ICO 已經不是完整答案了，因為網站會被存到手機主畫面、會在 Windows 從沒想像過的場合顯示。今天一套完整的通常是：
ICO 是地板，不是天花板。它處理的是「不管你有沒有計畫，它都會發生」的那個請求。
把 PNG 轉成 ICO 是正常的路徑，但有一個值得堅持的區分。一個「拿一張圖包起來」的轉換會產生單一尺寸的 ICO——技術上合法，而且把這個格式唯一真正的優點丟掉了。
你要的是檔案裡有好幾張圖：一個 48、一個 32，以及一個你親眼看過並調整過的 16。如果那個 16 是自動縮小出來的，接受它之前先用實際尺寸看一次。多數時候它需要手工簡化。
從一張留有充裕邊距的方形來源開始——內容頂到邊的圖示，在任何尺寸下看起來都很擠。
只有圖示。它不是通用圖片格式：沒有網頁該把 ICO 當內容顯示、沒有照片該存成它，而圖示以外的任何用途都不會從它身上得到什麼。如果你只是想要一張又小又銳利的圖，PNG 就夠了，不需要那個多尺寸容器。
/favicon.ico