浏览器内的私密工具
网站图标生成器
将一张图片生成实用的 favicon 套件,包含浏览器、Apple touch 和 PWA 尺寸,以及可直接复制的 HTML。
每张图片最大 20 MiB、40 百万像素。联系表支持 2–50 张图片,总计最多 100 MiB。图标输出会把整张图片放入带透明边距的正方形中。
浏览器本地处理无需账号免费使用 原图保持不变
为什么需要这个工具
简洁、高对比度的标志在极小的 favicon 尺寸下效果最好。
- ✓ 16–512px 尺寸
- ✓ 实时预览
- ✓ HTML 代码片段
- ✓ 浏览器本地处理
适用场景
- • 网站
- • PWA
- • 品牌焕新
生成网站真正能用的图标套件
favicon 不只是一个很小的 ICO 文件。现代网站可能需要多种 PNG 尺寸、Apple touch 图标、PWA 图标,以及一小段把它们连接起来的 HTML。
从正方形源图开始
简洁、高对比度的标志比细节丰富的插画更能经受小尺寸考验。约 512 像素或更大的正方形源图能让生成器干净地制作小图标。
发布前请预览最小的图标。在 512 像素下完美的标志,在 16 或 32 像素下可能难以辨认。
替换现有图标前先检查文件包
打开生成的文件,确认名称和尺寸,再把提供的代码粘贴到网站的 head 中。在新文件验证完成前,请保留现有的 favicon 套件。
常见问题与解答
favicon 应该用什么图片?
干净的正方形标志或图形效果最好。高对比度和简单的形状通常比精细细节更能适应极小尺寸。
网站应该有哪些 favicon 尺寸?
常见的网页和设备场景会使用多种尺寸,而不是单一文件。生成器提供多种 PNG 尺寸和 ICO 包,方便你选择网站需要的文件。
需要同时提供 favicon.ico 和 PNG 图标吗?
它们服务于不同的浏览器和平台,因此在需要广泛兼容时,两者都保留更实用。
可以使用 SVG 标志吗?
只要浏览器能解码就可以,但请检查生成的 PNG/ICO,因为栅格化时字体、滤镜和外部引用可能发生变化。