我为什么把图标换成SVG格式

闲谈4年前 隔壁老李于 2019-11-28 09:27:26 最后编辑

这几天逐步把博客里的一些不太复杂的图片换成了SVG格式。

SVG全称为Scalable Vector Graphics,意思为可缩放的矢量图形。

相对于传统图片格式,SVG格式图像有诸多优势。

高清无损放大

SVG是一种用代码来描绘的图像,它提供了3种类型的图形对象:矢量图形、图象、文本。其中的矢量图形和文本部分是可以无损放大的。通俗的说即便是放大1000倍,图片也不会变虚。

尺寸更小

举个栗子,同样是本博LOGO,PNG格式大小为2843字节,而SVG格式的大小为571字节。

我为什么把图标换成SVG格式  第1张

其他优势

请自行百度,因为我也一知半解,我只知道上面的两点。

综上,图像更清晰,尺寸更小,为什么不换?

如何制作SVG格式图像?

很多图标网站都会提供SVG格式图标的下载,比如阿里巴巴矢量图标库iconfont

我为什么把图标换成SVG格式  第2张

博主都是使用Illustrator来制作导出SVG格式图像

我为什么把图标换成SVG格式  第3张

我为什么把图标换成SVG格式  第4张

一个SVG文件可以定义多个图标,我们可以通过定义其id使用不同的图标

我为什么把图标换成SVG格式  第5张

SVG图像的更多介绍以及具体用法请自行百度,因为我也是菜鸟,完全讲不明白。


本文由 @隔壁老李 于 2019-11-28 发布在 野路子博客,如无特别说明,本博文章均为原创,转载请保留出处。
评论 (0)
访客
Top