AI正在生成摘要
文章主要介绍了将博客图片格式更换为SVG格式的理由。SVG格式具有高清无损放大和尺寸更小的优势,相比传统图片格式有更多优点。作者还简单说明了如何制作SVG格式图像,并推荐了一些资源。
这几天逐步把博客里的一些不太复杂的图片换成了SVG格式。
SVG全称为Scalable Vector Graphics,意思为可缩放的矢量图形。
相对于传统图片格式,SVG格式图像有诸多优势。
高清无损放大
SVG是一种用代码来描绘的图像,它提供了3种类型的图形对象:矢量图形、图象、文本。其中的矢量图形和文本部分是可以无损放大的。通俗的说即便是放大1000倍,图片也不会变虚。
尺寸更小
举个栗子,同样是本博LOGO,PNG格式大小为2843字节,而SVG格式的大小为571字节。
其他优势
请自行百度,因为我也一知半解,我只知道上面的两点。
综上,图像更清晰,尺寸更小,为什么不换?
如何制作SVG格式图像?
很多图标网站都会提供SVG格式图标的下载,比如阿里巴巴矢量图标库iconfont
博主都是使用Illustrator来制作导出SVG格式图像
一个SVG文件可以定义多个图标,我们可以通过定义其id使用不同的图标
SVG图像的更多介绍以及具体用法请自行百度,因为我也是菜鸟,完全讲不明白。