Favicon 图标制作在线工具
Favicon 是显示在浏览器的地址栏、书签、历史记录等处的图标,有些搜索引擎还会将 Favicon 图标显示在搜索结果中。本工具可在线制作 Favicon 图标,操作步骤:
- 选取照片并勾选图标大小;
- 将照片裁剪为正方形;
- 点击 制作Favicon ,等待完成;
问与答
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 |
相关工具
发表留言
您的电子邮箱地址不会被公开,必填项已用*标注。发布的留言可能不会立即公开展示,请耐心等待审核通过。





留言板