在线网页地址栏favicon图标制作

16px*16px
下载

32px*32px
下载

48px*48px
下载

64px*64px
下载

128px*128px
下载

如何制作favicon.ico图标

1.点击“上传图像”上传你的图片

2.点击“-”或“+”调节图片的大小,点击图片中间选择区域部分进行调节图片位置

3.点击“裁剪”,一键生成16*16/32*32/48*48/64*64/128*128像素的效果图,最后点击“下载”即可

4.本工具网站还提供精简版生成ICO图标:点击进入

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>