分类: 图片工具
favicon 生成器
一张图生成整套网站图标
打开一张标志图，即可得到 16、32、48、64、128、180、192、512 像素的 PNG 图标，以及可直接粘贴到 head 的 link 标签。每个尺寸都在浏览器里绘制，图片不会被上传。
请选择要压缩的图片。
放进 <head> 的 HTML
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicon-180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png">
把文件保存在站点根目录，上面的 URL 才能访问；文件名请保持稳定，favicon 换了位置就得重新抓取。
本页的所有处理都在浏览器中完成，不会上传任何内容。
这个工具能做什么
favicon 早就不止一个文件了。浏览器标签页要 16、32、48 像素，高分屏需要 64 和 128，iOS 读取 180 像素的 apple-touch-icon，安卓的 Web 应用清单则要 192 和 512。这个工具用一张源图生成全部尺寸，每个尺寸一块 canvas，把图案等比放进正方形而不是拉伸变形，并给出以稳定 URL 引用它们的标签代码。全部输出 PNG：如今在用的浏览器都能读 PNG favicon，而老旧的 ICO 格式并不能换来什么好处。
使用方法
- 选择一张标志或正方形图片，最好是 512 x 512 或更大。
- 需要时添加留白；若图标必须不透明，则填充背景。
- 逐个下载各尺寸，保存到站点根目录，并把 HTML 粘贴进 head。
隐私说明
本工具完全在你的浏览器中运行。输入的内容不会被上传、保存或分享，关闭标签页即随之消失。
常见问题
- 我的标志图会被上传吗？
- 不会。每个图标都在本页的 canvas 上绘制，并以本地下载的形式提供，图片不会离开你的设备。
- 源图应该多大？
- 至少 512 x 512 的正方形，图形四周留一点空隙。比这更小的图在生成大尺寸时只能放大，看起来会发虚。
- 还需要 favicon.ico 文件吗？
- 对现在的浏览器不需要，它们都能读取用 link 标签声明的 PNG 图标。个别很老的软件仍会去请求 /favicon.ico，已经有的话留着也无妨。