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

隔壁老李 发布在 闲谈 2019-11-28

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

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

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

高清无损放大

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

尺寸更小

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

SVG1.jpg

其他优势

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

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

如何制作SVG格式图像?

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

SVG2.jpg

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

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

SVG5.jpg

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


赞赏
取消
扫码支持
评论 (0)
访客
0文章
0评论
0资源币
Top