在線網頁地址欄favicon圖标制作

全屏顯示

16px*16px

32px*32px

48px*48px

😉 阿裡雲幸運券,戳我領取

工具簡介

如何制作favicon.ico圖标

1.點擊“上傳圖像”上傳你的圖片

2.點擊“-”或“+”調節圖片的大小

3.點擊“裁剪”,一鍵生成16*16 像素或 32*32 像素或 48*48 像素的效果圖

4.恭喜你,現在可以在本網頁的頂部地址欄裡查看圖标的顯示效果了

favicon.ico介紹

所謂favicon,即Favorites Icon的縮寫,顧名思義,便是其可以讓浏覽器的收藏夾中除顯示相應的标題外,還以圖标的方式區别不同的網站。當然,這不僅僅是Favicon的全部,根據浏覽器的不同,Favicon顯示也有所區别:在大多數主流浏覽器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不僅在收藏夾中顯示,還會同時出現在地址欄上,這時用戶可以拖曳favicon到桌面以建立到網站的快捷方式;除此之外,标簽式浏覽器甚至還有不少擴展的功能,如FireFox甚至支持動畫格式的favicon等。

favicon.ico如何調用? | How To Use Favicon

在網頁程序代碼的head與/head之間加入下以代碼:

			
<head>
...
<link rel="shortcut icon" href="/favicon.ico"/>
<link rel="bookmark" href="/favicon.ico"/>
...
</head>
			
			

工具推薦

在線工具大全