SVG转ICO工具:本地生成多尺寸favicon图标

你是不是也遇到过这种情况:网站做好了就差一个 favicon,设计给的是 SVG 矢量图,但浏览器标签页要的是 .ico 文件。在线转换网站要么限制尺寸,要么要上传文件,还有的转出来图标糊成一团。

这个工具能做什么

SVG转ICO工具 一步搞定网站图标:

  • 支持直接上传 SVG 文件,也可以粘贴 SVG 源码
  • 一次生成包含多个尺寸的 .ico 文件,浏览器各场景自动选用
  • 转换全程在本地完成,图标文件不经过任何服务器

所有处理在浏览器本地完成,数据不上传服务器,打开即用。

怎么用

  1. 打开 SVG转ICO工具
  2. 上传 SVG 文件,或把 SVG 源码粘贴到输入框
  3. 转换后下载 .ico 文件,放到网站根目录并在 HTML 里引用即可

常见使用场景

新站上线配 favicon

个人博客或项目官网做好后,把 logo 的 SVG 转一个多尺寸 ico,浏览器标签、收藏夹、书签栏都能清晰显示。

老图标升级矢量版

以前只有位图图标,重新画了 SVG 版本后转成 ico 替换,小尺寸下也不会再模糊发虚。

内部系统快速补图标

公司内部的工具页面常年顶着默认图标,随手把系统 logo 转一个 ico 挂上,观感立刻不一样。

小结

多尺寸 ico 意味着 16×16 到 48×48 打包在一个文件里,自己用图片软件做相当繁琐。SVG转ICO工具 传个文件或贴段源码就出成品。同站还有更多图片转换工具,都可以在 OhMyTools 找到。