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 |
相关工具
发表留言
您的电子邮箱地址不会被公开,必填项已用*标注。
留言板