favicon图标在线制作

上传图片
拖入图片到方框中
勾选需要生成的图标尺寸,勾选几个生成几个独立图标
下载ico
还没有上传过文件
原图预览
图片预览
日志
[16:42:49] 等待上传...
在网页程序代码的head与/head之间加入以下代码:
<link rel="shortcut icon" href="/favicon.ico"/> <link rel="bookmark" href="/favicon.ico"/>

favicon图标制作工具使用说明

一、核心功能(按勾选尺寸独立生成文件)

1. 尺寸联动逻辑:勾选多少种尺寸,就生成对应数量独立PNG图标文件;只勾选16px则仅生成16px单文件,多选则批量生成多个尺寸文件。

2. 打包下载:点击下载按钮自动打包全部选中尺寸图标为ZIP压缩包,每个文件命名 icon-尺寸.png。

3. 实时预览:上传图片后右侧展示原图,确认素材。

4. 流程日志:逐个打印每个尺寸的生成进度,清晰查看生成状态。

5. 双上传方式:点击上传 / 拖拽图片上传。

二、操作示例

示例1:仅勾选16px、32px 1. 取消其余尺寸勾选,只保留16px、32px 2. 上传正方形图片 3. 日志输出: 开始生成16px图标 16px图标生成完成 开始生成32px图标 32px图标生成完成 4. 下载ZIP包内包含两个文件:icon-16.png、icon-32.png 示例2:全选所有尺寸 上传后生成6个独立尺寸文件,打包在一个压缩包内一次性下载

三、各尺寸适用场景

16px:浏览器标签页小图标 32px:Windows任务栏、收藏夹图标 48px:桌面快捷方式基础尺寸 60px:旧版IE桌面快捷图标 120px:平板设备快捷图标 150px:Windows磁贴大图标