工具介绍
简介
网站 ico 图标,也称为 Favicon 图标,是显示在浏览器地址栏(或标签栏)上的一个图标,通常用于表示网站的 Logo。目前,主流的浏览器大都支持 png / jpg / gif 格式的 Favicon 图标,但仍有部分浏览器只认识 .ico
格式的图标,为此,本工具提供了将 png / jpg / gif 格式的图片转换成 ico 格式的功能,以便最大化兼容各种浏览器。
下图是 dute.org 的 ico 图标展示效果(红框处):
使用方法
favicon 图标制作工具的使用方法非常简单。
首先,准备一张 png(或 jpg / gif)格式的图片,点击【浏览...】按钮上传;然后,选择你希望生成的 ico 图标的尺寸,再填入验证码,最后点击「生成 ico 图标」按钮,即可生成一个和原图一模一样的 ico 图标(会自动下载到本地)。
把生成的 favicon 图标拷贝至 web 项目的根目录,然后,在页面源文件的 <head></head>
标签之间插入下面的代码,刷新页面,即可显示 favicon 图标:
<link rel="shortcut icon" type="image/icon" href="/favicon.ico">
注:上面的 favicon.ico
需要换成实际的 ico 文件名。
注意事项
使用本工具请注意以下几点:
- 本工具支持的原始图片格式有:
png
、jpg
和gif
格式 - 要制作透明背景的 favicon 图片,请上传具有透明背景的 png 图片
- 为保证 ico 图标在浏览器中显示的效果,上传的原始图片最好为一张正方形的图片,即长和宽一样的图片
- 生成的 ico 图标尺寸,支持
16x16
、32x32
、48x48
、64x64
和128x128
这 5 种尺寸 - 添加验证码,是为了避免无谓的提交行为,尽量保证服务器资源的可用性
如果喜欢,请把本工具分享给你的朋友,谢谢。