扩展图标生成器
一张 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 文件,所有处理均在浏览器本地完成。
PNG, JPG, WebP
上传一个 Logo,下载包含 /icon/16.png、32.png、48.png、96.png、128.png 的 zip。
manifest 与配置片段
下载 zip 后,复制粘贴与你的扩展项目匹配的配置片段。
{
"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 自家扩展保持一致。
如何生成扩展图标
按下面步骤生成并接入你的扩展图标压缩包。
上传 Logo
拖拽上传 PNG/JPG/WebP(透明 PNG 效果最佳)。文件全程保留在浏览器中。
生成图标包
点击生成压缩包,导出 16–128 的 PNG 并立即预览。
源图越大越清晰,尤其是 16×16 这种小尺寸。
下载 zip
下载 .zip 并解压到扩展项目中(默认目录:icon/)。
粘贴配置片段
复制 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 吗?
不会。所有处理都在浏览器本地完成,文件不会离开你的设备。