2026-10-15 · 约 1 分钟阅读
用方形 Logo 生成 32×32 PNG 网站图标
把一张图做成浏览器标签用的 favicon-32.png，其他尺寸仍从原图单独导出。
favicon图片上线
要点
- 下载文件固定是 favicon-32.png：32×32 像素、PNG、居中覆盖裁切。
- 它不会打包多尺寸 .ico，也不会生成 Apple 触摸图标或文档 head 里的 link 标签。
操作流程
从带少量留白的方形 Logo 开始，避免覆盖裁切切掉标记。在 Favicon 生成里上传 PNG、JPEG 或 WebP，下载 favicon-32.png。
把文件放到站点的静态目录，再自己在文档 head 里写 link rel icon。若还要触摸图标或社交配图，请对原图使用图片缩放或图片格式转换，不要对这张 32×32 结果再放大。
限制
上传上限是 20 MB，与其他图片工具相同。输出始终是 32×32 的高压缩 PNG。没有质量滑块，也没有格式选择。
覆盖裁切保留中心。很宽的字标会丢掉左右边缘。请用 Logo 文件生成，不要用营销截图。
这个工具不做什么
它只写一张 PNG。不会打包含 16、32、48 像素帧的 .ico，也不会写出 apple-touch-icon 或 mask-icon。
它不改 HTML。Meta 标签生成器可以起草社交标签，但不会替你插入 favicon 链接。
常见问题
宽 Logo 会保持宽比例吗？
不会。缩放使用 cover，短边铺满 32 像素，多出的部分从中心裁掉。若标记必须完整可见，请先在原图留白。
能改成别的像素尺寸吗？
这里不能。这个工具没有尺寸输入。需要 16×16、180×180 或其他尺寸时用图片缩放，本步骤只负责 32×32 标签图标。