SVG → ICO
☞ 全程在你的浏览器中运行 —— 不会上传任何图片将 SVG 拖放到此处
或点击浏览 —— 仅限 SVG
图标预览
SVG → ICO
用矢量图生成多尺寸 .ico —— 每个尺寸都由 SVG 单独渲染,而不是把一张大位图缩下来。
或点击浏览 —— 仅限 SVG
图标预览
16 像素下依然锐利
网站图标大多数时候是以 16 像素被看到的。把一张 256px 的位图缩到那个尺寸,所有边缘会糊成一团;而按 16px 渲染矢量,浏览器能把形状直接铺到像素网格上。
这个页面做的正是这件事 —— 每个尺寸各渲染一次,再一起打包进同一个 .ico。之后 Windows 和浏览器会自行挑选需要的那个尺寸。
三步完成
选择一个 .svg 文件 —— 它始终留在您的设备上。
勾选要包含的尺寸,每一个都会单独渲染。
保存 .ico,放到网站根目录即可。
快速解答
16、32、48 已覆盖浏览器标签页、书签和 Windows 任务栏。若图标还会出现在资源管理器的大图标视图里,再加上 256。多加尺寸只会让文件更大。
这是设计上的限制,不是转换的问题 —— 16×16 一共只有 256 个像素。真正好认的网站图标通常只有一个字母或一个形状。可以考虑专门为图标做一个简化版 SVG。
能。每个尺寸都以 32 位 PNG 的形式写进 .ico 容器,alpha 通道完整保留。若您更想要纯色背景,把开关关掉即可。
它会被缩放到正方形内并居中,剩余部分保持透明。图稿本身就是正方形时,图标的辨识度会更好。