入门知识（一）矢量图与位图的区别

矢量图与位图有什么区别（转自https://jingyan.baidu.com/article/54b6b9c0dbef682d583b4722.html）

分步阅读

前几日有同事总是不时的问我什么是矢量图什么是位图及它们之间有什么区别……今天咱们就共同的看看什么是矢量图什么是位图及它们之间的区别。

工具/原料

矢量图素材
位图素材

方法/步骤

1、先从概念说起：矢量图是根据几何特性来绘制图形，是用线段和曲线描述图像，矢量可以是一个点或一条线，矢量图只能靠软件生成，矢量图文件占用内在空间较小，因为这种类型的图像文件包含独立的分离图像，可以自由无限制的重新组合；

位图图像也称为点阵图像，位图使用我们称为像素的一格一格的小点来描述图像。

2、最大的区别，矢量图形与分辨率无关，可以将它缩放到任意大小和以任意分辨率在输出设备上打印出来，都不会影响清晰度，而位图是由一个一个像素点产生，当放大图像时，像素点也放大了，但每个像素点表示的颜色是单一的，所以在位图放大后就会出现咱们平时所见到的马赛克状。

3、位图表现的色彩比较丰富，可以表现出色彩丰富的图象，可逼真表现自然界各类实物；而矢量图形色彩不丰富，无法表现逼真的实物，矢量图常常用来表示标识、图标、Logo等简单直接的图像。

4、位图的文件类型很多，如*.bmp、*.pcx、*.gif、*.jpg、*.tif、photoshop的*.psd等；

矢量图形格式也很多，如AdobeIllustrator的*.AI、*.EPS和SVG、AutoCAD的*.dwg和dxf、Corel DRAW的*.cdr等。

5、由于位图表现的色彩比较丰富，所以占用的空间会很大，颜色信息越多，占用空间越大，图像越清晰，占用空间越大；由于矢量图形表现的图像颜色比较单一，所以所占用的空间会很小。

6、经过软件矢量图可以很轻松的转化为位图，而位图要想转换为矢量图必须经过复杂而庞大的数据处理，而且生成的矢量图质量也会有很大的出入。

入门知识（一）矢量图与位图的区别相关推荐

矢量图和位图的区别(转)
百科名片花形矢量图矢量图是根据几何特性来绘制图形,矢量可以是一个点或一条线,矢量图只能靠软件生成,文件占用内在空间较小,因为这种类型的图像文件包含独立的分离图像,可以自由无限制的重新组合.它的特点 ...
矢量图、位图、RGB、YUV、JPEG、PNG的理解
开发的项目中缺少不了图形图像的支持,对图的使用场景也是极多的,但对其内部原理却一直处理模糊状态,抽时间做个整理吧,理一下相关的概念. 一.矢量图与位图矢量图与位图均为图像的表述方式,矢量图可以理解为 ...
PS学习记录-矢量图和位图
目录概念说明矢量图位图常见的格式类型矢量图文件格式举例: 位图(标量图)文件格式举例: 两种图片的适用范围两种图片的核心差异 1.缩放保真 2.色彩不同 3.格式 4.常用绘图工具 5.占 ...
可视化工具Vega的使用，以及如何自定义按钮调用自带的矢量图和位图功能
1.安装两个依赖:vega和vega-lite 2.使用很简单,请参考 https://juejin.cn/post/6844903945106620424 3.这里详细说一下如何调用Vega自带的下 ...
位图和矢量图格式有什么区别？如何一键把图片转换成矢量图？
我们在做图片设计的时候经常会说到位图和矢量图格式,有时候在进行图片编辑时的素材往往尺寸较小,在进行放大或缩小后会降低图片的清晰度,这个时候经常会有人建议说把位图格式的图片转换成矢量图格式的图片会提高设 ...
矢量图和位图的理解，它们分别有什么运用场景？
矢量图是由数学方程式和几何路径描述的图像,这些路径由点.线和曲线组成,因此可以随意缩放而不失真.矢量图的典型例子是SVG格式(Scalable Vector Graphics),其主要运用在Logo. ...
01-AI矢量图和位图
1.矢量图的特点放大若干倍也不会失真. 2.位图如果不断放大就会失真,因为位图是由像素构成的. 3.更改屏幕模式.F键位快捷键.按tab键可以将工具栏和浮动面板隐藏.shift+tab只隐藏浮动面板. ...
c#位图转换未矢量图_PS基础：像素与分辨率，位图与矢量图
一.像素与分辨率 1. 像素定义:图像中的最小颜色单位,是一个非常小的方形颜色块. 像素(Pixel)一般用px表示,每个像素只能有一个颜色. 将图像无限放大,会发现图像是由许多色彩相近的颜色方块组 ...
SVG实例详解系列（一）(svg概述、位图和矢量图区别（图解）、SVG应用实例）
SVG实例详解系列(一) (svg概述.位图和矢量图区别(图解).SVG应用实例) 目录一.什么是SVG? (1).位图和矢量图概念(图解) (2).SVG的小例子 (a)笑脸符 (b).小鸟 (c ...
《JavaScript高效图形编程（修订版）》——6.2 位图、矢量图，或两者兼而有之？...
本节书摘来自异步社区<JavaScript高效图形编程(修订版)>一书中的第6章,第6.2节,作者:[美]Raffaele Cecco著,更多章节内容可以访问云栖社区"异步社区& ...

入门知识（一）矢量图与位图的区别

入门知识（一）矢量图与位图的区别相关推荐

最新文章

热门文章