图片转ICO · Favicon.ico · Apple Touch Icon · PNG图标包

Favicon ICO图标生成器

上传网站 Logo 或图标图片，一键生成多尺寸 favicon.ico、PNG 图标包和可复制的 HTML 引用代码。适合站长、前端开发、独立博客和企业官网上线前快速补齐网站图标。

开始生成图标查看站长工具

favicon.ico16/32/48/256 多尺寸打包

ICO

PNG 图标Apple、Android、PWA 常用尺寸

PNG

引用代码复制 link 标签快速接入网站

HTML

上传图标原图

建议使用清晰方形 PNG，最短边不低于 512px。非方形图片可选择居中裁剪或完整保留。

选择图片支持 PNG、JPG、WebP。图片不会上传服务器，处理过程在本地浏览器完成。

缩放方式

背景填充

生成尺寸

16×16 32×32 48×48 64×64 128×128 180×180 192×192 256×256 512×512

ICO 文件会自动优先打包 16、32、48、256 尺寸；PNG 图标包会包含勾选尺寸，并在需要时补齐 ICO 标准尺寸。

请选择图片后开始生成。

生成结果

可下载 favicon.ico、PNG 图标包，并复制网页头部常用的图标引用代码。

图标生成完成后，这里会显示预览、下载按钮和 HTML 代码。

核心功能

Favicon.ico、图片转ICO和网站图标多尺寸生成

覆盖站长和前端上线网站时最常见的图标需求：浏览器标签页、收藏夹、手机桌面、PWA 和搜索结果展示。

favicon.ico 生成器

把图片打包成标准 ICO 文件，默认包含 16×16、32×32、48×48、256×256 等常见尺寸，适合放在网站根目录。

图片转 ICO 图标

支持 PNG、JPG、WebP 等常见图片格式，上传后通过 Canvas 本地缩放和裁剪，不需要安装桌面软件。

Apple Touch Icon 和 Android 图标

可生成 180×180、192×192、512×512 等 PNG 图标，适合苹果添加到主屏幕、安卓快捷方式和 PWA 配置。

网站图标 HTML 引用代码

生成后可复制常用 link 标签，快速放入网页头部，减少 favicon 路径和尺寸配置遗漏。

使用建议

网站图标配置建议

Favicon 虽小，但会出现在浏览器标签、书签、历史记录、移动端桌面和部分搜索展示场景中。

原图尽量方形

建议上传 512×512 或更高分辨率的方形 PNG，缩小到 16×16 时仍然更清晰。

小尺寸要简洁

favicon 在标签页里很小，复杂文字和细线会糊，建议使用高对比图形或品牌符号。

ICO 放根目录

传统兼容方式是把 favicon.ico 放到网站根目录，并在网页头部添加 icon link 标签。

补齐移动端图标

如果网站需要被添加到手机桌面，建议同时提供 apple-touch-icon 和 192/512 PNG 图标。

常见问题

常见问题

图片转 ICO 会上传服务器吗？

不会。图片读取、缩放、ICO 打包和 PNG 图标生成都在浏览器本地完成，不主动上传服务器。

favicon.ico 应该包含哪些尺寸？

常见 favicon.ico 建议包含 16×16、32×32、48×48 和 256×256，兼容浏览器标签页、书签和桌面快捷方式。

为什么 16×16 图标看起来不清楚？

小尺寸图标本身像素很少，复杂细节会丢失。建议使用简洁图形、较强对比和更少文字。

生成的 HTML 代码放在哪里？

通常放在网页的 head 标签内，并把下载的 favicon.ico 和 PNG 图标上传到代码中对应的路径。