svg2img

SVG 转 ICO 图标

将 SVG Logo 制作为网站或 Windows 应用需要的 ICO。先检查小尺寸效果，再将多个尺寸保存到同一个文件。

Advertisement

多个图标尺寸，一个 ICO 文件

选择合适的尺寸组合

网站预设包含 16、32、48px；Windows 预设包含 16、24、32、48、256px。也可以自行勾选。

调整留白而不拉伸

图形按原比例居中放入正方形画布，可以调节留白和背景。横向或纵向 Logo 都不会被强行拉成正方形。

检查最小尺寸

在深浅背景上查看实际大小的 16px、32px 图标。细线和小字可能需要在原图中简化。

如何使用

  1. 1

    上传 SVG 或粘贴代码。

  2. 2

    选择尺寸，调整留白和背景。

  3. 3

    预览并下载多尺寸 ICO 文件。

一个 ICO 文件，可以包含多个尺寸

ICO 是一个装有多张方形图片的容器。本工具从 SVG 分别渲染你选中的尺寸，再将它们写入同一个 .ico 文件，适用于要求 ICO 的网站或 Windows 应用。完整的网站图标配置通常还需要其他文件，可使用 favicon 生成器。

ICO 应该选择哪些尺寸？

左右滑动可查看完整表格 →

预设或选项包含的像素尺寸用途
网站预设16、32、48体积较小的网站 ICO 备用图标。
Windows 应用预设16、24、32、48、256现代 Windows 的起点配置，仍需核对目标应用要求。
额外尺寸64、128接收应用需要时可勾选。
全部选项16、24、32、48、64、128、256更多尺寸会增加容器内容，不会增加 16px 图标的细节。

怎样让 Logo 在 16px 下仍能辨认？

  1. 01先简化图案，再缩小

    简短符号或单个字母往往比完整文字 Logo 更容易辨认。16px 下消失的细节需要调整原稿，增加 256px 图层不能恢复最小图层中的细节。

  2. 02先处理原稿留白

    工具按比例居中放入方形，每侧留白 8% 时，可用于容纳原图的区域占边长的 84%。SVG 的 viewBox 内部留白会被保留，建议先裁剪多余边距，再设置图标留白。

  3. 03检查浅色和深色背景

    使用实际尺寸预览检查边缘与对比度。需要固定底色的图标可选纯色背景；能适应不同背景的图案可保留透明。

图标太小、被裁切或无法打开时怎么办？

图案看起来特别小
减小留白，并检查原 SVG 的 viewBox。原文件中的空白同样参与缩放，可先用 SVG 裁剪工具去除。
文字、描边或阴影缺失
文字转为路径，外部图片嵌入 SVG，并阅读兼容性提示。检查 viewBox 是否容纳了完整的描边与阴影。
旧软件拒绝打开 ICO
本工具在 ICO 容器中使用 PNG 图像，面向现代 Windows。某些旧应用要求 BMP/DIB 图层，本工具不输出该旧变体，请在目标软件中确认兼容性。

SVG 在哪里处理？

转换在浏览器内完成，SVG 不会为了转换上传至本站服务器。跨工具携带的源文件只保存在内存中，刷新后清空。SVG 引用的外部图片或字体可能需要网络请求；文字转路径并嵌入资源，可让文件不再依赖这些外部链接。 查看隐私政策

常见问题

文件里真的包含多个尺寸吗？

是。每个选中的尺寸都从 SVG 单独渲染，并打包到一个 ICO 文件中。

可以作为 Windows 图标吗？

输出使用现代 Windows（Vista 及之后版本）支持的 PNG 压缩图像。选择 Windows 预设后，请在目标应用中检查。不支持旧式 XP 图标。

非正方形的 Logo 会变形吗？

不会。图形保持比例并居中放入正方形，留白设置可增加周围空间。

应该选 ICO 还是 favicon 图标包？

只需要一个图标文件时选择 ICO。网站需要 SVG、PNG、ICO、manifest 和安装说明时，使用 SVG 转 Favicon。

将 PNG 或 SVG 改名为 .ico 可以吗？

不可以。改扩展名不会生成 ICO 文件头和图片目录。本工具会建立 ICO 容器，并为每个所选尺寸单独渲染 PNG 图层。

支持生成 macOS 的 ICNS 吗？

不支持。ICO 和 ICNS 是不同的容器，要求 .icns 的应用需要专门的 ICNS 转换流程，不能直接修改扩展名。

继续处理你的 SVG

相关使用指南

↑ 返回转换工具