favicon

一款将SVG图标转换为ICO、PNG格式并支持Base64输出的MCP工具。

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:favicon。
它的用途是:一款将SVG图标转换为ICO、PNG格式并支持Base64输出的MCP工具。
完整的 Skill 内容见:https://321skill.com/skills/favicon/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

“帮我把这个SVG图标转换成32x32和16x16两种尺寸的ICO格式,并输出Base64编码。”,它会调用此Skill处理你的SVG内容,生成指定尺寸的ICO文件,并返回对应的Base64字符串,方便你直接复制使用。

介绍

这个Skill主要解决了开发者和设计师在项目中需要将矢量SVG图标转换为多种位图格式(如ICO、PNG)并灵活输出的需求。传统转换工具可能需要在不同软件或在线服务间切换,且难以直接集成到自动化流程中。

通过集成MCP协议,用户可以在支持MCP的AI助手(如Claude Desktop)中直接调用此工具。你只需提供SVG文件或内容,指定目标格式和尺寸,它就能快速生成对应的ICO或PNG文件,甚至直接输出Base64编码的字符串,方便嵌入代码或配置文件。

它非常适合前端开发、全栈开发、UI设计师等角色,尤其是在需要为网站生成favicon、为不同平台适配应用图标,或是在构建工具链中自动化处理图标资源的场景下。

使用建议:在需要批量处理或自动化生成图标时,利用其Base64输出功能可以避免中间文件管理。注意,它专注于格式转换,不包含复杂的图标设计或编辑功能,输入的SVG质量直接影响输出效果。

核心特点

核心区别在于它作为MCP服务器,能无缝集成到AI助手工作流中,实现对话式图标格式转换;同时,其原生支持Base64输出,简化了图标资源在Web开发中的直接嵌入流程。

注意事项

不适合需要进行复杂图形编辑、颜色调整或生成非图标类图像转换的场景。

常见问题

这个工具支持哪些输入格式?

目前主要支持SVG格式的输入。

输出的Base64编码可以直接用在HTML里吗?

是的,生成的Base64字符串可以直接作为img标签的src或CSS的背景图数据。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/favicon/raw/index.md 读取 favicon 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。