Favicon 生成

什么是Favicon 生成？

Favicon（favorite icon）是显示在浏览器标签页标题旁、书签栏、浏览器历史记录列表中的小图标，用来帮助用户在多个打开的标签页中快速识别是哪个网站。 favicon 生成工具的作用是：上传一张图片（通常是网站 logo，建议提供正方形、无背景或干净背景的高分辨率图），工具会在浏览器本地把它裁剪缩放成多个标准尺寸（如 16×16、32×32、48×48 用于传统 favicon.ico，180×180 用于 iOS 的 apple-touch-icon，192×192、512×512 用于 Android/PWA 图标等），并打包生成可直接下载使用的图标文件。

为什么使用Favicon 生成？

几乎每个正式上线的网站都需要配置 favicon——没有 favicon 的网站在浏览器标签页上只会显示一个空白或默认图标，看起来不够专业，也不利于用户在多标签场景下快速识别；除了传统的 .ico 文件，现代网站还需要为不同设备和使用场景准备多种尺寸的图标：iOS 用户把网站添加到主屏幕时需要 apple-touch-icon，Android Chrome 的添加到主屏幕和 PWA manifest 需要 192×192/512×512 尺寸的图标，Windows 磁贴也有专用尺寸要求。 手动用图片编辑软件一个个尺寸裁剪导出既繁琐又容易出错（比如非正方形图片缩放变形、小尺寸下细节丢失导致图标糊成一团），本工具通过浏览器 Canvas API 在本地一次性生成全部常用尺寸，并且整个裁剪缩放过程都在你自己的浏览器里完成，原图不会被上传。

使用示例

使用提示

设计用于 favicon 的图标时尽量避免使用渐变和过多细节，优先选择简洁的图形符号或不超过两三个字符的字母组合，并预留一定的内边距，这样在 16×16 这种极小尺寸下依然能保持清晰可辨识。