在线制作网站Favicon图标

Favicon是显示在浏览器的地址栏、书签、历史记录等处的图标,有些搜索引擎还会将Favicon图标显示在搜索结果中。本工具可在线制作Favicon图标,操作步骤:

  1. 勾选图标大小并选取照片;
  2. 将照片裁剪为正方形;
  3. 点击 制作Favicon ,等待完成;
favicon.ico文件可包含多个不同尺寸的图标,浏览器会选取最合适的尺寸显示。
Favicon图标必须是正方形,推荐使用32x32尺寸。
上传的文件在服务器上最多保留半小时,超过半小时自动删除。
问与答:
1、Favicon简史

1999年,微软在新发布的Windows 98 SE系统搭载的Internet Explorer 5浏览器中首次引入favicon.ico,它被应用于Internet Explorer 浏览器的收藏夹。如果用户收藏了一个网站,则Internet Explorer会下载该网站根目录的favicon.ico图片显示在收藏夹中。这也正是favicon名称的由来,即Favorites Icon。这项特性在2000年发布的XHTML 1.0中成为标准,标准不仅扩展了favicon的文件格式,还允许favicon的路径可以任意配置。目前主流浏览器都会支持favicon特性。

2、Favicon图标有什么作用?

现代浏览器常常将Favicon显示在地址栏、链接栏、书签、标签、拖放到桌面等,有些搜索引擎会在网站的搜索结果中显示Favicon图标。一个优秀的Favicon图标可以更好的展示网站品牌形象,可提升网站知名度和认可度。一般使用和网站Logo相同或相似的图标作为Favicon图标。

3、哪些格式图片可以用作Favicon?

现代浏览器已经能够支持PNG、JPG/JPEG、SVG、甚至是GIF动画类型的Favicon图标,但因为先入为主等原因,ICO格式的Favicon图标还是使用的最广泛的,只需要将favicon.ico文件放在网站根目录,不需要其它额外设置,浏览器都可以正常识别。而对于非ICO格式的Favicon图标,需要在页面的head中显式地声明Favicon的格式和文件所在的路径。示例: <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">。不同格式Favicon图标对应的type值如下表:

文件格式 type值
PNG image/png
JPG/JPEG image/jpeg
GIF image/gif
SVG image/svg+xml