SVG 转 ICO(网站图标)
矢量图是最理想的图标源:SVG 先按其声明尺寸的 4 倍从路径渲染,再干净缩小到每个图标尺寸——完全没有小位图放大的那种模糊。产出是一个含 16、32、48 px 条目的 .ico,透明效果与设计稿分毫不差。
相关推荐: SVG 转 PNG
使用方法
把 SVG 文件拖到上方工具中,点击选择或从剪贴板粘贴均可。
矢量按声明尺寸的 4 倍渲染,再缩成锐利的 16、32、48 px 图标——没有任何参数需要调。
逐个下载 .ico,或整批打包成一个 ZIP 带走。
SVG vs ICO
「渲染」胜过「重采样」——这就是矢量源的全部论据。每个尺寸都从几何按 4 倍光栅化后只缩一次,16 px 条目保得住笔画粗细,而缩小的 PNG 会把它平均掉。标志本来就以 SVG 维护的话,拿其他格式转等于在转一份副本。
| SVG | ICO | |
|---|---|---|
| 压缩方式 | 矢量(XML 文本) | 无损(内含 BMP 或 PNG) |
| 透明度 | 支持(完整 Alpha) | 支持(完整 Alpha) |
| 动画 | 支持(CSS/SMIL) | 不支持 |
| 兼容性 | 所有浏览器;但常被上传表单拒绝 | 作为网站图标全平台通用 |
| 适合用途 | 标志、图标、插画 | 网站图标(favicon)、Windows 应用图标 |
常见问题
不会。所有转换都通过 WebAssembly 在您的浏览器内完成,文件自始至终不会离开您的设备,全程没有任何服务器参与。页面加载完成后即使断网也能继续使用,文件大小也没有限制,仅取决于设备内存。
因为每个尺寸都是渲染出来的,不是缩放出来的:矢量先大图光栅化,再分别缩到各条目,16 px 图标能达到几何形状允许的锐利极限。位图源永远受制于原始分辨率——矢量则完全绕开了这个问题。
几何形状撑得住,细节撑不住。细笔画、小字和纤巧的装饰在 16 px 下无论源多完美都会融掉。真正看得清的图标都是简洁高对比的形状——很多设计规范专门保留一个简化的「纯符号」版本,正是为了这种场合。
两个都用——这是当前的最佳实践。现代浏览器接受 <link rel="icon" type="image/svg+xml">,甚至支持 SVG 内的深色模式样式;本工具产出的 .ico 负责兜住 Safari(至今不认 SVG 图标)、爬虫和所有请求 /favicon.ico 的老式访客。
256 px 的 PNG 走 PNG转ICO 已能做到九成五——从大位图往下缩本来就宽容。矢量的优势集中在 16 px:从几何渲染能保住笔画粗细,重采样则会把它抹平。既然标志本来就以 SVG 维护,从「真正的源头」转换终归更干净。
无处安放的细节:发丝级笔画在 32 px 以下直接消失,文字会变成一片纹理。需要简化就在矢量里动手——加粗笔画、去掉文字——别指望缩小算法心慈手软。另外确认 SVG 声明了 viewBox;没有尺寸信息的文件会按回退尺寸渲染,结果可能让人意外。
相关工具
SVG 转 PNG
在浏览器内把 SVG 转换为 PNG——免费、私密、无需上传。1–4 倍导出倍率任选(默认 2×),图标和标志在任何输出尺寸下都清晰锐利,Alpha 透明通道完整保留。
PNG 转 ICO(网站图标)
在浏览器内将 PNG 制作成多尺寸 ICO 网站图标——免费、无需上传。一个文件包含 16、32、48 px 三种尺寸,完整保留透明通道,可直接放到网站根目录使用。
ICO 转 PNG
在浏览器内把 ICO 图标转换为 PNG——免费、私密、无需上传。从 favicon 或 Windows 图标中提取出可编辑的无损图片,透明通道原样保留,随处可用。
SVG 转 PDF
SVG转PDF在线转换,免费无水印。矢量图按声明尺寸渲染成像素后无损嵌入,页面同尺寸。适合预览、表单上传和快速分享;注意输出是像素而非矢量,印刷级文件请用设计软件导出。