一张 Logo 生成扩展图标(16–128)
为 Chrome/Edge/Firefox 扩展一次导出常用图标尺寸。下载包含 icon/ 目录的 zip,并直接复制 manifest 与 WXT 配置片段。
使用这个浏览器扩展图标生成器,可以从一张 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 不会离开你的设备。
如何生成扩展图标
按下面步骤生成并接入你的扩展图标压缩包。
上传 Logo
拖拽上传 PNG/JPG/WebP(透明 PNG 效果最佳)。文件全程保留在浏览器中。
生成图标包
点击生成压缩包,导出 16–128 的 PNG 并立即预览。
源图越大越清晰,尤其是 16×16 这种小尺寸。
下载 zip
下载 .zip 并解压到扩展项目中(默认目录:icon/)。
粘贴配置片段
复制 manifest.json 或 wxt.config.ts 片段,并根据你的目录结构调整路径。
哪些场景需要扩展图标包
Chrome / Edge MV3 扩展
生成图标集合并写入 manifest.json 的 icons 字段,打包上架更省心。
WXT 项目
复用 OneImage 扩展同款的 icon/ 目录与 icons 映射写法。
Firefox WebExtensions
导出完整尺寸并在 manifest.json 中映射,确保不同浏览器 UI 图标一致。
为什么用这个扩展图标生成器
不拉伸不变形
保持原始比例并居中放置,生成规范的方形图标。
快速且可复用
Logo 更新后随时一键生成统一的图标包。
本地处理
素材隐私更安全,所有处理都在本地浏览器完成。
扩展图标常见问题
为什么扩展图标看起来发糊?
建议从高分辨率的方形源图开始(推荐 1024×1024)。16×16 这类小尺寸对边缘与细节非常敏感。
一定要提供 16/32/48/96/128 全套吗?
提供完整尺寸可以覆盖更多 UI 与商店场景,避免在不同位置出现模糊或缩放问题。
图标文件应该放在哪里?
常见做法是在扩展根目录创建 icon/ 文件夹,然后在 manifest.json 或 wxt.config.ts 中用相对路径引用。
可以直接用 SVG 当扩展图标吗?
部分扩展 UI 与商店更偏好 PNG 等位图资源。导出规范的 PNG 尺寸是跨浏览器最稳妥的方案。
OneImage 会上传我的 Logo 吗?
不会。所有处理都在浏览器本地完成,文件不会离开你的设备。