StyleSVG

SVG 转 ICO

免费把 SVG 转成 ICO,几秒得到可直接使用的网站图标。选好图标尺寸,保留透明背景,下载一个 .ico 文件。转换在浏览器里完成,不上传任何内容,也不用注册账号。

把 SVG 文件拖到这里

最大 10 MB 的 SVG · 在浏览器里转换,不会上传

选择 SVG

SVG 在你的设备上转换,不会上传。文件里引用的外部字体和图片不会被加载。

黑色蜘蛛插画的 SVG 矢量文件
转换前:宽大于高的 SVG 插画。
蜘蛛图案作为多尺寸 ICO 中 256 像素的透明图标 | SVG 转 ICO
转换后:4 种尺寸 ICO 中的 256 像素图,居中放在透明正方形里。

为什么要把 SVG 转成图标?

ICO 是一种小容器,里面装着同一图标的几张正方形图片。Windows、浏览器和很多桌面工具会按显示位置挑选合适的尺寸。

所有浏览器都能显示的网站图标

新版 Chrome、Edge 和 Firefox 能显示 SVG 图标,但旧系统上的 Safari、Windows 快捷方式、书签工具和很多爬虫仍然只找 /favicon.ico。两个文件都放上,网站图标才能处处显示。搜索引擎在结果里给页面配小 Logo 时也会读取 ICO。

一个文件包含多种尺寸

浏览器标签页需要 16 或 32 像素,Windows 任务栏要 48 像素,高分屏和快捷方式用 256 像素。一个 ICO 文件把它们都装进去,每个尺寸都用对应的图片,不会模糊缩放。在这里把 SVG 转成 ICO 时,每个尺寸都从矢量单独渲染,而不是从同一张图复制。

桌面和应用图标

Windows 的程序、文件夹和快捷方式图标都用 ICO。打包 Electron、.NET 或游戏的开发者经常需要在矢量 Logo 旁放一个 .ico,这个工具可以直接从 SVG 生成。游戏启动器、安装程序和系统托盘工具读取的也是同一格式,一个文件全部搞定。

为什么用这个 SVG 转 ICO 工具?

大多数在线图标生成器会上传你的 Logo,再返回一堆你未必需要的文件压缩包。这个工具只在你的设备上生成一个 .ico 文件。

每个尺寸都清晰

每个尺寸都直接从矢量绘制,而不是从一张大位图缩小。这样 16 和 32 像素的版本能在小网格里尽量清晰,边缘干净,不会因为缩小而发糊。256 像素版本在 4K 显示器和 Windows 资源管理器的大图标视图里依然平滑。

透明、正方形、居中

图标必须是正方形。如果 SVG 偏宽或偏高,会按比例缩放并居中,四周留透明,不裁切也不拉伸。也可以取消勾选“透明”,用一种颜色填满正方形。

私密、免费、不限次数

SVG 不离开浏览器,ICO 直接保存到下载文件夹。无需注册、没有水印、没有每日限制,可以反复尝试 Logo 的不同版本,直到标签页图标满意为止。

3 步把 SVG 转成 ICO 网站图标

从矢量 Logo 到成品图标不到一分钟,在任何电脑或手机上步骤都一样。

1

选择 SVG

把 10 MB 以内的 .svg 文件拖到上方,或点“选择 SVG”。接近正方形的 Logo 或符号在小尺寸下效果最好。

2

选择图标尺寸

默认勾选 16、32、48 和 256 像素,覆盖浏览器标签页、Windows 和高分屏。不需要的尺寸取消勾选,文件会更小。

3

转换并下载

点“转换并下载 ICO”。用作网站图标时,把文件改名为 favicon.ico,上传到网站根目录。

让网站图标清晰的小技巧

网站图标只有指甲盖大小,设计本身比转换设置更重要。

转换前先简化

细线、小字和精细细节在 16 像素下会消失。用醒目的符号或 Logo 里的一个字母,而不是完整的文字标志,并在真实的浏览器标签页里查看 16 像素效果。符号四周留一点边距,避免贴到标签页边缘。

SVG 和 ICO 一起用

给新浏览器链接 SVG 图标,同时在网站根目录保留 favicon.ico。在页面 head 里加一个 rel="icon"、type="image/svg+xml" 的链接,读不了 SVG 的浏览器会回退到 ICO。

只有 PNG 格式的 Logo?

如果 Logo 只有 PNG 或 JPG,先用我们的 AI PNG 转 SVG 工具把它变成干净的矢量图,再回到这里生成清晰的多尺寸图标。

PNG 转 SVG →

网站图标与 ICO 常见问题

准备好生成网站图标了吗?

SVG 转 ICO