3BearLabs3Bear Tools
图片

网站图标生成器:由图片或文字生成 PNG 尺寸

用上传的图片或单个字符创建一组 favicon 和应用图标 PNG。

在浏览器中处理 — 文件不会离开此设备。

Favicon 生成器

从单个图像或文本表情符号创建所有必要的 favicon 尺寸。

浏览器标签预览

example.com
Website Content

使用方法

  1. 选择“上传图片”并选取一张方形图片,或选择“文字 / Emoji”并输入一个字母或 emoji。
  2. 如果是文字,选择文字颜色和背景色,并查看预览。
  3. 点击下载,获得包含所有图标尺寸的 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 的外观取决于你设备上的字体。

我的徽标会被上传吗?

不会。图标在你的浏览器中渲染。

相关工具