网站图标(Favicon)在线生成工具

一款免費的在線圖片轉換工具,可將 JPG、PNG、GIF 等常見圖片格式轉換爲 ICO 圖標格式,支持多種尺寸選擇。用戶只需上傳圖片,選擇所需尺寸,即可快速生成高質量的 ICO 圖標文件,適用於網站 Favicon、軟件圖標、文件夾圖標等場景,操作簡單,轉換速度快,無需安裝任何軟件。

ICO圖標在線生成

免費在線工具 ✓ ImageMagick 可以使用了

選擇尺寸:

需要注意

圖片應小於512KB且必須爲JPG、PNG或GIF格式,建議長寬比1:1。

工具說明

什麼是favicon.ico

所謂favicon,即Favorites Icon的縮寫,顧名思義,便是其可以讓瀏覽器的收藏夾中除顯示相應的標題外,還以圖標的方式區別不同的網站。當然,這不僅僅是Favicon的全部,根據瀏覽器的不同,Favicon顯示也有所區別。

首次代币发行(ICO)百科全書

ICO原本是windows中存儲單個圖案的一種圖標文件格式,現可以用作軟件、文件夾以及網站等的縮略標誌,顯示在用戶的資源管理器,瀏覽器的地址欄、標題欄和多頁面瀏覽器的標籤欄上。圖標文件一般尺寸較小,常見的是16*16,32*32和48*48。圖標是部分透明的,可以直接打開瀏覽。

怎么使用 Favicon.ico 呢?

1. 將成功生成的圖標文件下載並改名為favicon.ico,上傳到網站根目錄。

2. 在網站首頁的原始碼 head 之間插入下面的代碼:

<link rel="shortcut icon" href="https://www.likacloud.com/favicon.ico"/>
<link rel="bookmark" href="https://www.likacloud.com/favicon.ico"/>

如何創建動態ico圖標

先把做好的gif動態圖標命名爲favicon.gif,然後再 head 之間加上:

<link rel="icon" href="https://www.likacloud.com/favicon.gif" type="image/gif" />

強烈推薦使用.ico而不是使用png或者gif

  • 所有的瀏覽器,包括IE5,都支持ico文件,gif、png等都沒有ico支持範圍廣
  • 如果有favicon.ico,服務器的404錯誤會有友好返回,瀏覽器都會請求favicon.ico
  • 一個.ico文件可以同時滿足多個尺寸的需求,不需要每個尺寸單獨生成一個文件