网站图标生成器
从 1 张 JPEG、PNG、WebP 或静态 SVG 图像生成网站所需的 PNG,以及包含 16px 和 32px 尺寸的 ICO。选择 PNG 尺寸和裁剪或添加边距的方式,然后单独或打包为 ZIP 保存图像和 HTML 标签,以便准备网站发布或更换徽标。选择 192px 或 512px 时,还会包含 manifest 图标配置示例。
功能介绍
一次创建多种尺寸
创建所选尺寸的 PNG,以及同时包含 16px 和 32px 图标的 ICO。
同时保存安装文件
将图像和 HTML 标签打包为 ZIP;需要时还会附带 manifest 图标配置示例。
使用方法
选择源图像
选择 1 张 JPEG、PNG、WebP 或静态 SVG 图像。
选择尺寸和适配方式
选择所需的 PNG 尺寸,并选择正方形裁剪或添加边距。
也要检查小尺寸图标
检查生成的图标。缩小尺寸可能会导致文本和细线难以辨认。
保存并放到网站上
解压 ZIP,将图像放到网站上,并根据网站结构调整 HTML 标签中的路径。
适用场景
为发布网站做准备
准备标签页等用途的小图标,以及主屏幕图像。
更改徽标时替换图标
从同一张源图像重新生成所需尺寸,以匹配网站图标。
在网站上使用图标集
ICO 与 PNG 的区别
ICO 可以存储多种尺寸的图像。此工具生成的 ICO 始终包含 16×16 和 32×32 图标。所选尺寸的 PNG 会分别生成。
小尺寸图标的显示效果
在较大的源图像中清晰可读的文本,在 16px 或其他小尺寸下可能难以辨认。请逐一检查生成的尺寸。
图像位置和 HTML 路径
配置示例假设图像放在网站根目录。如果放在其他位置,请相应更新 HTML href 和 manifest src。
manifest 是图标配置示例
选择 192px 或 512px 时会创建 manifest。这并未完成整个 Web 应用的配置。
常见问题
不选择 PNG 也可以创建 ICO 吗?
必须至少选择 1 种 PNG 尺寸。无论选择哪种 PNG 尺寸,ICO 都会包含 16px 和 32px 图标。
可以将多个尺寸一起保存吗?
将图像和安装文件一起保存为 ZIP。也可以分别保存单张图像和配置示例。
可以使用矩形图像吗?
可以将图像中心裁剪为正方形,或添加边距以保留完整图像。不支持调整图像位置或拉伸。
创建后会自动显示在我的网站上吗?
生成后不会自动发布。请将图像放到网站上,配置 HTML 和 manifest,然后检查它们在实际使用位置的显示效果。
文件处理
- 输入
- 使用 1 张 JPEG、PNG、WebP 或静态 SVG 图像。
- 输出
- ICO、所选 PNG、HTML,以及适用时的 manifest。输出为静态图像,并移除元数据。