Favicon 图标制作

分类:图片工具
网站 favicon 图标制作工具,是一款在线制作网站 favicon 图标的工具,本工具支持将 PNG / GIF / JPG 等格式的图片直接转换成 .ico 格式的图片;同时,本工具还支持生成多种尺寸的 ico 图标,比如:16x16、32x32、64x64 等,以满足不同用户的需求。
请选择一张图片
请选择目标尺寸
请填写验证码
正在生成 ico 图标...
工具介绍

简介

网站 ico 图标,也称为 Favicon 图标,是显示在浏览器地址栏(或标签栏)上的一个图标,通常用于表示网站的 Logo。目前,主流的浏览器大都支持 png / jpg / gif 格式的 Favicon 图标,但仍有部分浏览器只认识 .ico 格式的图标,为此,本工具提供了将 png / jpg / gif 格式的图片转换成 ico 格式的功能,以便最大化兼容各种浏览器。

下图是 dute.org 的 ico 图标展示效果(红框处):

dute.org 的 favicon 图标在浏览器中的显示效果
dute.org 的 favicon 图标在浏览器中的显示效果

使用方法

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 文件名。

注意事项

使用本工具请注意以下几点:

  • 本工具支持的原始图片格式有:pngjpggif 格式
  • 要制作透明背景的 favicon 图片,请上传具有透明背景的 png 图片
  • 为保证 ico 图标在浏览器中显示的效果,上传的原始图片最好为一张正方形的图片,即长和宽一样的图片
  • 生成的 ico 图标尺寸,支持 16x1632x3248x4864x64128x128 这 5 种尺寸
  • 添加验证码,是为了避免无谓的提交行为,尽量保证服务器资源的可用性

如果喜欢,请把本工具分享给你的朋友,谢谢。