在计算机图形学中,有两种主要的图像类型:矢量和位图。位图[bitmap],也叫做点阵图,栅格图象,像素图,简单地说,就是最小单位由像素构成的图,缩放会失真。矢量图,简单地说,就是缩放不失真的图像格式。为了在各种设备上能实现自然伸缩或扩展而不影响图片质量,所以矢量图形(SVG)正变得越来越受欢迎。
为什么SVG更受欢迎?主要有这几方面的原因:
SVG 是可伸缩的矢量图形,在浏览器中改变尺寸,其图形质量不会有所损失
相比其它位图,SVG图像文件更小,可压缩性更强
SVG 可以被记事本等阅读器、搜索引擎访问
SVG 图像中的文本是可选的,同时也是可复制的
SVG 图像可以与DOM,CSS和JavaScript交互
SVG 可以制作成整体或局部动画
你可以使用 Illustrator 或者 Inkscape 来创建 SVG 图像。 但当进行 Web 设计时,我们还需要做一些优化来使得 SVG 变得更加轻量。要创建和使用SVG文件,你需要一个矢量图形编辑器。以下是摹客团队为大家整理的适用于Windows,Mac,Linux,Web,iOS和Android的免费或付费的SVG编辑器。
1. Adobe Illustrator
支持:Windows/Mac
Adobe Illustrator作为全球最著名的矢量图形软件,以其强大的功能和体贴用户的界面,已经占据了全球矢量编辑软件中的大部分份额。据不完全统计全球有37%的设计师在使用Adobe Illustrator进行艺术设计。
作为一款非常好的矢量图形处理工具,该软件主要应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等,也可以为线稿提供较高的精度和控制,适合生产任何小型设计到大型的复杂项目。
2. SVG.js
SVG.js库为开发人员和设计人员提供了一些功能,可以让你将多个SVG图像拼接在一起,创建出可用于视频项目,网站需求的时髦动画,或者只是表达你的创造力。
3. Inkscape
支持:Windows/Mac
Inkscape一款非常受欢迎的SVG编辑器,可以免费使用并可用于跨平台,是插图画家,设计师和网页设计师的理想选择。它拥有强大的对象创建和操作工具,例如铅笔工具、画笔工具、矩形、多边形等。
这款工具主要用作图表,徽标,插图,图表等形式构建和优化矢量图形, 甚至是多重图像。它以拥有全面的SVG支持而闻名,并且,支持一系列输出格式,包括PNG,OpenDocument,DXF,PDF,EPS,sk1等。
4. Vector
支持:Windows
Vectr是一个免费的图形编辑器,可以轻松创建矢量图形, 几乎可以满足于任何矢量任务。虽然界面简单,但却不影响它的易用性,和强大的编辑功能。对于初学者而言,学会使用它的基本功能例如添加图层、边框、阴影或文本来创建简单的矢量图标和图像是非常容易的。
5. Snap.svg
支持:Web
Snap.svg 是专为现代浏览器打造,支持剪裁,遮罩,纹理,渐变,分组等功能。可以用来创建互动,在任何大小的屏幕上都会很好看、与分辨率无关的矢量图形。凭借丰富的动画库和易于的事件处理,Snap.svg 可以帮助你轻松实现 SVG 功能。