OneImage

扩展图标生成器

一张 Logo 生成扩展图标(16–128)

为 Chrome/Edge/Firefox 扩展一次导出常用图标尺寸。下载包含 icon/ 目录的 zip,并直接复制 manifest 与 WXT 配置片段。

本地处理|不上传

生成扩展图标压缩包

上传一个 Logo,下载包含 /icon/16.png、32.png、48.png、96.png、128.png 的 zip。

建议:使用 1024×1024 的方形 PNG(或从 SVG 导出)效果最佳。若源图非正方形,工具会保持比例并居中。

上传或拖拽图片

支持单张最大 25 MB 的 PNG、JPG、WebP 文件,所有处理均在浏览器本地完成。

输出

上传一个 Logo,下载包含 /icon/16.png、32.png、48.png、96.png、128.png 的 zip。

manifest 与配置片段

下载 zip 后,复制粘贴与你的扩展项目匹配的配置片段。

图标所在文件夹(例如 icon/、assets/icon/)。
manifest.json
{
  "icons": {
    "16": "icon/16.png",
    "32": "icon/32.png",
    "48": "icon/48.png",
    "96": "icon/96.png",
    "128": "icon/128.png"
  }
}

使用这个浏览器扩展图标生成器,可以从一张 Logo 一次生成完整的扩展图标尺寸集合。默认导出 16、32、48、96、128 这组常用尺寸,覆盖扩展工具栏、菜单与商店展示场景。

所有处理都在浏览器本地完成,不会上传图片。下载 zip 后,把文件放进项目并复制粘贴下方的 manifest.json 或 WXT 配置片段即可使用。

常用扩展图标尺寸一键生成

一键导出 16/32/48/96/128 PNG,适配 Chrome、Edge 与 Firefox 扩展。

zip + 配置片段

下载包含 icon/ 目录的 zip,并直接复制 manifest 或 wxt.config.ts 片段完成接入。

隐私安全

本地离线处理,Logo 不会离开你的设备。

浏览器扩展常用图标尺寸

这组尺寸广泛用于扩展工具栏、菜单与商店展示。本页生成的尺寸与 OneImage 自家扩展保持一致。

工具栏图标(小)
16×16
工具栏图标(高清)
32×32
扩展管理页图标
48×48
高 DPI 图标
96×96
商店展示 / 大图标
128×128

如何生成扩展图标

按下面步骤生成并接入你的扩展图标压缩包。

1

上传 Logo

拖拽上传 PNG/JPG/WebP(透明 PNG 效果最佳)。文件全程保留在浏览器中。

2

生成图标包

点击生成压缩包,导出 16–128 的 PNG 并立即预览。

源图越大越清晰,尤其是 16×16 这种小尺寸。

3

下载 zip

下载 .zip 并解压到扩展项目中(默认目录:icon/)。

4

粘贴配置片段

复制 manifest.json 或 wxt.config.ts 片段,并根据你的目录结构调整路径。

扩展图标常见问题

为什么扩展图标看起来发糊?

建议从高分辨率的方形源图开始(推荐 1024×1024)。16×16 这类小尺寸对边缘与细节非常敏感。

一定要提供 16/32/48/96/128 全套吗?

提供完整尺寸可以覆盖更多 UI 与商店场景,避免在不同位置出现模糊或缩放问题。

图标文件应该放在哪里?

常见做法是在扩展根目录创建 icon/ 文件夹,然后在 manifest.json 或 wxt.config.ts 中用相对路径引用。

可以直接用 SVG 当扩展图标吗?

部分扩展 UI 与商店更偏好 PNG 等位图资源。导出规范的 PNG 尺寸是跨浏览器最稳妥的方案。

OneImage 会上传我的 Logo 吗?

不会。所有处理都在浏览器本地完成,文件不会离开你的设备。

返回图片缩放工具

还需要自定义尺寸、预设或批量处理?去使用完整的图片缩放工具。

返回图片缩放工具