位图与矢量图(位图和矢量图的概念)
位图与矢量图
矢量图形能重现清晰的*,线条非常光滑、且具有良好的缩放性;因为图像中保存的是线条和图块的信息,与分辨率和图形大小无关,只与图像的复杂程度有关,所以图像文件所占的存储空间交较小;此外文字编辑能力强。
矢量又称为"向量",矢量图形中的图形元素(点和线段)称为对象,每个对象都是一个单独的个体,它具有大小、方向、*、颜色和电脑屏幕位置等属性。简单地说,矢量图形软件就是用数学的方法来绘制矩形等基本形状。
矢量图适合所针对的是一个对象,也就是一个实体,对每个对象进行编辑都不会影响到其他没有关联的对象,而位图的编辑受到限制,位图是像素的排列,局部移动了或者改变了就会影响到其他部分的像素点的排列。
位图,又称为点阵图像、像素图或栅格图像,是由称作像素(图片元素)的单个点组成。这些点可以进行不同的排列和染色以构成图样。
位图放大之后会越来越不清晰,也就是会出现一个个点,就像马赛克一样,就是图片已经出现失真的效果,而矢量图它无限放大都不会出现图像失真的效果,只是它的放大系数参数被改变而已。
位图和矢量图的概念
位图图像善于重现颜色的细微层次,能够制作出色彩和亮度变化丰富的图像,可逼真地再现这个世界,文件庞大,不能随意缩放;打印和输出的精度是有限的;
位图的质量是根据分辨率的大小来判定,分辨率越大,图像的画面质量就更清晰,而矢量图就跟分辨率脱离的关系,在矢量图上没有分辨率这个概念。
矢量图形格式也很多,如CorelDRAW的*.cdr、AdobeIllustrator的*.AI、*.EPS和SVG、AutoCAD的*.dwg和dxf、windows标准图元文件*.wmf和增强型图元文件*.emf等等。
是一种有损压缩的图片格式,图片后缀名为.jpeg或.jpg。因为是有损压缩,因此JPG格式的图片可以尽可能的压缩图片的大小,而且压缩的主要是高频信息,对色彩的信息保留较好,而且支持渐进式的加载。这样可以极大的减少和图像的传输和加载时间,因此特别适合应用于互联网。因此在一些不需要透明背景,又要求质量高加载快的广告图、产品图上广泛使用。
是一种完全不压缩的图片格式,因此体积很大。这是一种Windows采用的图像文件存储格式,在Windows环境下运行的所有图像处理软件都支持这种格式。一般不应用于互联网,在我们的原型设计中,也基本不会用到。
怎么制作矢量图
因为位图是由像素点构成的,因此可以容纳的信息也更多,色彩元素也更加丰富;矢量图是由数学向量构成,其可容纳的信息也较少,色彩元素也较少。也因此,位图一般用于广告图、产品图、文章配图等;矢量图一般用于抽象、不需要太多色彩信息的logo、图标等的设计。
其中SVG矢量图,通过和位图的差异对比,其实已经做了基础的介绍。下面介绍一下Axure支持的几个位图格式的差异。
因为位图是由像素点构成的,其图片的容量也较大,文件一般也比矢量图大。也因此,位图一般都是从服务器读取,不会直接写入代码中;而矢量图一般会以代码的形式,直接呈现出来
是一种无损压缩的图片格式,图片后缀名为.png。因为PNG是无损压缩,因此不会影响上的质量,同时支持透明背景,能保留图像线条与边框信息,适合用于截图、图标,以及一些需要透明背景的品牌形象,品牌logo等图片。
是一种高压缩的图片格式,因为高压缩,质量也相应的较差。因为高压缩,体积也小,广泛的用于动图的制作。GIF小伙伴应该是很熟悉的,也是辨识度最高的了。原型中需要使用动态效果的图片,都可以使用GIF格式的图片,比如页面加载的图标、奖励开箱的动图等。
