用途:为浏览器扩展生成符合要求的图标,从 SVG 源文件或文本/emoji 产出 16x16、32x32、48x48、128x128 的 PNG 图标。当用户提到“extension icon”“icon generation”“icon sizes”,或在创建新扩展图标、把 SVG 转为多尺寸 PNG 时,可使用该技能。
主要能力与用法: 1)从文本/emoji 快速生成(推荐):npm install canvas,然后运行 node generate-icons.js "A"(单字母)或 node generate-icons.js "🎨"(emoji);也可自定义颜色,如 node generate-icons.js "X" "#000" "#0f0",参数依次为字符、背景色、文字色。 2)自定义 SVG:编辑技能目录中的 icon.svg,修改 <text> 元素或添加自定义图形,再用 Inkscape、ImageMagick 或在线工具转换(方法见 README.md)。 3)在 manifest.json 中引用生成的图标:"icons": {"16":"icon16.png","32":"icon32.png","48":"icon48.png","128":"icon128.png"}。
尺寸说明:16x16 用于浏览器工具栏(最小)、32x32 用于视网膜屏工具栏、48x48 用于扩展管理页、128x128 用于 Chrome 应用商店和扩展安装。
设计要点:充分利用 128x128 画布,主元素大而醒目;在 16x16 下测试可读性;使用简单粗壮形状,避免缩小时消失的细线;保持高对比度,确保在浅色和深色背景上都能突出。
限制:资料未说明平台兼容范围、生成质量保证、收费或许可信息;除 Node.js 的 canvas 脚本外,其他方法需自行参考 README.md 并依赖 Inkscape、ImageMagick 或在线工具,具体细节暂未提供。