SVG → ICO

SVG 转 ICO

用矢量图生成多尺寸 .ico —— 每个尺寸都由 SVG 单独渲染,而不是把一张大位图缩下来。

SVG → ICO

☞ 全程在你的浏览器中运行 —— 不会上传任何图片

将 SVG 拖放到此处

或点击浏览 —— 仅限 SVG

16 像素下依然锐利

为什么从矢量转换在这里格外重要

网站图标大多数时候是以 16 像素被看到的。把一张 256px 的位图缩到那个尺寸,所有边缘会糊成一团;而按 16px 渲染矢量,浏览器能把形状直接铺到像素网格上。

这个页面做的正是这件事 —— 每个尺寸各渲染一次,再一起打包进同一个 .ico。之后 Windows 和浏览器会自行挑选需要的那个尺寸。

三步完成

如何把 SVG 转成 ICO

01

拖入 SVG

选择一个 .svg 文件 —— 它始终留在您的设备上。

02

选择尺寸

勾选要包含的尺寸,每一个都会单独渲染。

03

下载

保存 .ico,放到网站根目录即可。

快速解答

SVG 转 ICO 常见问题

我到底需要哪些尺寸?

16、32、48 已覆盖浏览器标签页、书签和 Windows 任务栏。若图标还会出现在资源管理器的大图标视图里,再加上 256。多加尺寸只会让文件更大。

我这个细节很多的标志在 16px 下糊成一团

这是设计上的限制,不是转换的问题 —— 16×16 一共只有 256 个像素。真正好认的网站图标通常只有一个字母或一个形状。可以考虑专门为图标做一个简化版 SVG。

图标能保留透明吗?

能。每个尺寸都以 32 位 PNG 的形式写进 .ico 容器,alpha 通道完整保留。若您更想要纯色背景,把开关关掉即可。

如果我的 SVG 不是正方形怎么办?

它会被缩放到正方形内并居中,剩余部分保持透明。图稿本身就是正方形时,图标的辨识度会更好。