本文目录
什么是网站图标（favicon）？
网站图标（favicon，即“favorite icon”的缩写）是显示在浏览器标签页、书签列表以及移动设备主屏幕上、紧挨着网站名称的小图标。它是访客最先注意到的视觉品牌元素之一，在网站辨识度上发挥着关键作用。
现代浏览器和设备需要多种尺寸的网站图标——从用于浏览器标签页的 16×16 像素，到用于渐进式 Web 应用（PWA）启动画面的 512×512 像素。提供合适的尺寸组合，可确保你的图标在各种设备和场景下都清晰锐利。
我们的网站图标生成器如何工作
CheckTown 的网站图标生成器完全在你的浏览器中运行——不会将任何文件上传到服务器：
- 通过拖放或文件选择器上传任意图像（JPEG、PNG 或 WebP）——最好是方形的徽标或图标
- 工具会生成所有标准尺寸（16×16、32×32、48×48、64×64、128×128、192×192、256×256、512×512）的 PNG 文件
- 复制可直接使用的 HTML 和 web manifest 代码片段，然后单独下载各个尺寸，或一次性全部下载
免费试用 —— 无需注册
生成网站图标 →何时使用网站图标生成器
每个网站都需要网站图标，而正确地生成它们在多种场景下都很重要：
- 新网站上线——从一张源图像生成所有所需尺寸，让你的品牌在标签页、书签和 PWA 安装中都正确显示
- 品牌重塑——当徽标变更时，重新生成完整的网站图标集，一致地更新所有触点
- PWA 开发——渐进式 Web 应用需要在 web manifest 中提供 192×192 和 512×512 图标，用于安装提示和启动画面
常见问题
我该用什么图像作为源文件？
使用设计简洁、易于辨认的方形图像（1:1 比例）。带有精细文字的复杂徽标在 16×16 下可能无法辨认。极简的图标或字母标最为合适。带透明背景的 PNG 是理想选择。
我需要生成的所有尺寸吗？
至少需要用于浏览器标签页的 16×16 和 32×32，用于 Apple Touch Icon 的 180×180，以及用于 PWA manifest 的 192×192 和 512×512。其余尺寸可提升在不同浏览器和设备上的兼容性。
我的图像会被上传到服务器吗？
不会。所有缩放和处理都通过 Canvas API 在你的浏览器本地完成。你的图像绝不会离开你的设备。