什麼是icon
Favicon是“收藏夾圖標”的縮寫(“美國人的收藏夾圖標”;)。該名稱源自Microsoft Internet Explorer的書籤列表,稱爲“收藏夾/收藏夾”列表。將站點添加到“收藏夾/收藏夾”列表時,Internet Explorer(版本5及更高版本)會詢問服務器是否有名爲的文件favicon.ico。如果存在,此文件將用於提供書籤文本旁邊顯示的圖標。
其他瀏覽器如Mozilla也增加了對favicons的支持。根據瀏覽器的不同,favicon可以出現在各種地方,而不僅僅是書籤列表中(事實上,它甚至可能根本不出現在書籤列表中)。例如,它可以顯示在地址欄或瀏覽器選項卡的標題中。
常見icon像素
Windows XP:
-
Explorer views:
- Details / List: 16
- Icons: 32
- Tiles / Thumbnails: 48
- Right-click->Properties / choosing a new icon: 32
- Quickstart area: 16
- Desktop: 32
Windows 7:
-
Explorer views:
- Details / List / Small symbols: 16
- All other options: 256 (resized, if necessary)
- Right-click->Properties / choosing a new icon: 32
- Pinned to taskbar: 32
- Right-click-menu: 16
- Desktop:
- Small symbols: 32
- Medium symbols: 48
- Large symbols: 256 (resized, if necessary)
- Zooming using Ctrl+Mouse wheel: 16, 32, 48, 256
Windows Runtime: (from here)
-
Main tile: 150x150, 310x150 (wide version)
- Small logo: 30x30
- Badge (for lockscreen): 24x24, monochromatic
- Splashscreen: 620x300
- Store: 50x50
- windows下EXE程序推薦尺寸 1616 3232 48*48 有這三個就差不多了
製作一個icon
要創建一個 favicon.ico簡單的創建16x16 .PNG文件並使用png2ico將其轉換爲圖標資源。如果需要,可以將更多圖像添加到同一圖標資源以提供替代分辨率。大多數瀏覽器僅使用16x16圖像,但在不同的上下文中(例如,當您將URL從地址欄拖到桌面上時)可能會顯示更大的圖標。如果圖標資源僅包含16x16圖像,則會將其縮放到適當的大小,因此從技術上講,從不需要添加替代分辨率。但是,這樣做可以提高顯示圖標的質量。
請記住,對於使用慢速調制解調器的用戶,favicon.ico如果頁面加載時間過長,可能會將頁面加載時間增加幾秒,因此請勿過度使用。添加32x32替代應該足以確保即使在具有較大圖標的上下文中圖像也會看起來很好。添加更多更大的替代品是不必要的膨脹。嘗試將顏色數量保持在16以下,並使用–colors 16png2ico 的開關創建一個16色圖標(甚至用開關創建ab / w圖標–colors 2)。這將導致較小的文件加載更快。
當您創建要包含在您的圖像時favicon.ico,不要忘記圖標可能是針對各種背景顏色組成的,因此如果您想避免圖標出現在框內,則應使用透明度而不是純色背景。請注意,圖標資源僅支持二進制透明度,即像素可能是可見的或不可見的,但不是30%半透明的像素。
操作
- 下載png2ico
- 準備各種尺寸的png圖片
- 在解壓目錄下執行
./png2ico.exe favicon.ico logo16x16.png logo32x32.png
- 目錄下生成 favicon.ico 即爲所需圖標