SVG是一种可缩放矢量图形,这是一种独特的图像格式。与其他图片类型不同,SVG 不依赖特定的像素来构成我们所看到的图像,与之相反,它们使用“矢量”数据。
SVG图形的优点
支持缩放:用户可以任意缩放图像显示,而不会破坏图像的清晰度、细节等;
文本独立:SVG图像中的文字独立于图像,文字保留可编辑和可搜寻的状态,但不会再有字体的限制,用户系统即使没有安装某一字体,也会看到和他们制作时完全相同的画面;
较小的文件体积:SVG文件比GIF和JPEG格式的文件要小很多,因而下载也很快;
丰富的色彩:SVG图像提供一个1600万种颜色的调色板,支持ICC颜色描述文件标准、RGB、线X填充、渐变和蒙版;
交互X和智能化:由于SVG是基于XML的, 因而能制作出空前强大的动态交互图像,即SVG图像能对用户动作做出不同响应,例如高亮、声效、特效、动画等。
SVG图形的使用场景
标志设计:由于您可能会在网站和社交媒体中重复使用徽标,因此使用SVG可以解决任何潜在的可伸缩性问题;
图表:SVG非常适合图表和任何其他依赖于普通线条的插图;
动画元素:您可以使用CSS为SVG设置动画,这使它们成为网站设计中的有用组件,尤其是对于微交互。
不适合使用SVG的情况
因为过多的图像细节会导致SVG的体积成倍增长,所以SVG一般被用于线条相对简单,颜色较为明快的场景。如果细节很重要并且数量很多,比如需要展示一张地图或者照片这样的工作,那么PNG或JPEG格式的图片更为适合。
编辑SVG图形的工具
我们可以像创建任何其他图形一样创建SVG,通过使用设计程序并将文件另存为 SVG。许多现代化图形设计工具都支持对这类格式的编辑,以下只是其中的一小部分:
- Illustrator
- Photoshop
- Animate
- InDesign
- Coreldraw
- Microsoft Visio
- Inkscape
- GIMP