Toollet
按任务或应用名称搜索搜索联系我们
价格

网站图标生成器

从 1 张 JPEG、PNG、WebP 或静态 SVG 图像生成网站所需的 PNG,以及包含 16px 和 32px 尺寸的 ICO。选择 PNG 尺寸和裁剪或添加边距的方式,然后单独或打包为 ZIP 保存图像和 HTML 标签,以便准备网站发布或更换徽标。选择 192px 或 512px 时,还会包含 manifest 图标配置示例。

添加文件

JPEG · PNG · WebP · 静态 SVG
PNG 尺寸(px)

请至少选择 1 种 PNG 尺寸。ICO 始终包含 16px 和 32px。

矩形图像会从中心裁剪为正方形。若要保留完整图像,请选择“添加边距”。

高级设置保留透明度

功能介绍

一次创建多种尺寸

创建所选尺寸的 PNG,以及同时包含 16px 和 32px 图标的 ICO。

同时保存安装文件

将图像和 HTML 标签打包为 ZIP;需要时还会附带 manifest 图标配置示例。

使用方法

  1. 选择源图像

    选择 1 张 JPEG、PNG、WebP 或静态 SVG 图像。

  2. 选择尺寸和适配方式

    选择所需的 PNG 尺寸,并选择正方形裁剪或添加边距。

  3. 也要检查小尺寸图标

    检查生成的图标。缩小尺寸可能会导致文本和细线难以辨认。

  4. 保存并放到网站上

    解压 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。输出为静态图像,并移除元数据。

当前设置

搜索工具