使用方法
- 选择“上传图片”并选取一张方形图片,或选择“文字 / Emoji”并输入一个字母或 emoji。
- 如果是文字,选择文字颜色和背景色,并查看预览。
- 点击下载,获得包含所有图标尺寸的 ZIP。
生成器有两种输入模式。在“上传图片”模式下,你提供一张图片,例如徽标。在“文字 / Emoji”模式下,工具会在一个 512 像素的方块上以粗体绘制你的文字,使用你选择的文字颜色和背景色,这对还没有徽标的网站来说是快速获得图标的办法。
ZIP 中包含五个 PNG 文件:favicon-16x16.png、favicon-32x32.png、apple-touch-icon.png(180 乘 180)、android-chrome-192x192.png 和 android-chrome-512x512.png。每个文件都是将你的源图以高质量平滑方式缩放为方形而得到的。由于每个图标都以方形绘制,请从方形图片开始,否则非方形图片会被拉伸以适应。
ZIP 不包含 .ico 文件或 Web manifest,因此你需要自己编写 link 标签和任何 manifest。常见做法是在 rel 为 icon 的 link 标签中引用 16 和 32 像素的文件,用 rel 为 apple-touch-icon 引用 180 像素的文件,并在 Web 应用 manifest 中引用 192 和 512 像素的文件。
一切都在浏览器的画布上生成,你的图片不会被上传。
常见问题
ZIP 中包含哪些尺寸?
16x16、32x32、180x180(apple touch icon)、192x192 和 512x512,均为 PNG。
它会生成 .ico 文件吗?
不会。输出仅为 PNG。
我应该上传什么样的图片?
方形图片。其他形状会被拉伸成方形,从而产生变形。
我可以使用 emoji 吗?
可以。在“文字 / Emoji”模式下,你可以输入 emoji 或字母。emoji 的外观取决于你设备上的字体。
我的徽标会被上传吗?
不会。图标在你的浏览器中渲染。
