16PX*16PX

32PX*32PX

48PX*48PX

工具简介

如何制作favicon.ico图标

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

  2. 点击 “ - ”或“ + ”调节图片的大小;

  3. 点击 “裁剪” ,一键生成16*16 像素或 32*32 像素或 48*48 像素的效果图;

  4. 恭喜你,现在可以在本网页的顶部地址栏里,查看图标的显示效果了;

  5. 觉得满意,可以点击右侧相对应的尺寸的下载既可。


favicon.ico介绍

  所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅是Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳favicon到桌面以建立到网站的快捷方式;除此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。


favicon.ico如何调用?

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