一网打尽位图与矢量图
计算机中描述图形信息的两大系统是栅格图形「又称位图」（raster graphics）和矢量图形（vector graphics）。下述，对栅格图形和矢量图形进行对比。
概念
栅格图形，是由像素的单个点组成的，每个像素用其 RGB 颜色值表示。栅格图形通常以某种压缩格式存储；显示栅格图形仅需要一个阅读器将其解压并传输到屏幕上。
栅格图形常见压缩方式：从位图图片中选择最有代表性的若干种颜色（通常不超过256种）编制成颜色表，然后将图片中原有颜色用颜色表的索引来表示。这样原图片可以被大幅度有损压缩。适合于压缩网页图形等颜色数较少的图形，不适合压缩照片等色彩丰富的图形。
矢量图形，图像被描述为一系列几何形状，矢量文件中的图形元素成为对象。矢量图形阅读器接受在指定坐标集上绘制形状的指令，而不是接受一系列已经计算好的像素。
栅格图形的工作是描述哪个方格应该填充什么颜色，而矢量图形的工作是描述要绘制从某个点到另一个点的直线或曲线（绘图指令）。
由于矢量图形是对象而不是一系列像素，因此矢量对象可以改变它们的形状和颜色，而位图不能。
存储
栅格图形，可以表现色彩的变化和颜色的细微过渡，产生逼真的效果，因此保存时需要记录每一个像素的位置和颜色值，占用较大的存储空间。
矢量图形，由图形软件通过一系列计算指令来表示的图，文件占用内在空间较小。
质量
栅格图形，由像素组成，与分辨率有关，因此放大会失真；
矢量图形，能重现清晰的轮廓，线条非常光滑、且具有良好的缩放性；存的是线条和图块的信息，与分辨率和图像大小无关，不会失真,只与图像的复杂程度有关，所以图像文件所占的存储空间交较小；此外文字编辑能力强；但其与图像的复杂程度有关，难以表现色彩层次丰富的逼真图像效果。
用途
栅格图形，善于重现颜色的细微层次，能够制作出色彩和亮度变化丰富的图像，可逼真地再现这个世界。如：用来表示照片、扫描的图像及计算机截屏图。
矢量图形，用于精确测量和放大绘图以查看细节。如：计算机辅助绘图（CAD）程序；高分辨率打印图像的程序；
汇总
| 类型 | 组成 | 优点 | 缺点 | 常见格式 |
|---|---|---|---|---|
| 栅格图形 | 像素 | 善于重现颜色的细微层次，逼真地表现自然界的景象 | 缩放和旋转容易失真，同时文件占用存储空间较大 |
.bmp、.gif、.jpg、.psd、.pcd
|
| 矢量图形 | 数学向量 |
1. 清晰的轮廓，线条非常光滑 2. 良好的缩放 3. 占的存储空间交较小 4. 文字编辑能力强 |
不易制作色彩变化太多的图象 |
svg、.cdr、.AI、.dwg、.wmf
|
一网打尽位图与矢量图相关推荐
- 《JavaScript高效图形编程（修订版）》——6.2 位图、矢量图，或两者兼而有之？...
本节书摘来自异步社区<JavaScript高效图形编程(修订版)>一书中的第6章,第6.2节,作者:[美]Raffaele Cecco著,更多章节内容可以访问云栖社区"异步社区& ...
- c#位图转换未矢量图_PS基础：像素与分辨率，位图与矢量图
一.像素与分辨率 1. 像素 定义:图像中的最小颜色单位,是一个非常小的方形颜色块. 像素(Pixel)一般用px表示,每个像素只能有一个颜色. 将图像无限放大,会发现图像是由许多色彩相近的颜色方块组 ...
- 转载：位图和矢量图的区别
原文链接:位图和矢量图的区别 位图和矢量图是计算机图形中的两大概念,这两种图形都被广泛应用到出版,印刷,互联网[如flash和svg]等各个方面,他们各有优缺点,两者各自的好处几乎是无法相互替代的,所 ...
- 怎么把word里面的彩色图转化为灰度图，直接在word里面操作，无需转其他软件，超简单！（位图和矢量图都可以）
怎么把word里面的彩色图转化为灰度图,直接在word里面操作,无需转其他软件,超简单!(位图和矢量图都可以) Microsoft Office Word是微软公司的一个文字处理器应用程序.它最初是由 ...
- Qt（mingw）+GDAL位图转矢量图写入shp或json文件
参考: Qt + GDAL 写入矢量图层 shp windows下的QT(mingw版)+GDAL库下载.安装.测试 已经编译好的GDAL库下载: https://download.csdn.net/ ...
- 游戏中的图像资源(位图与矢量图比较)
当今游戏早已不再是黑白机的时代,游戏都由色彩丰富.精致的图像,流畅的动画构成.Flash游戏也不例外,Flash既支持矢量图又支持位图,他们各有优缺点.本文的目的即是介绍何时使用矢量图,何时使用位图, ...
- 位图和矢量图谁的色彩更丰富_更少的更多色彩
位图和矢量图谁的色彩更丰富 It's simple to compute data and perform calculations directly in your stylesheet using ...
- 透彻理解位图与矢量图的本质区别(小包子觉得讲的很清晰)
其实每个人都能轻松而透彻地理解位图与矢量图的本质区别 位图与矢量图的区别(为什么要再进行解释) 播放录像时按空格键暂停/继续播放 (关于位图与矢量图的区别,各种教材和网上解释的有很多,但是本 ...
- android 笔记 --- 位图和矢量图区别
位图和矢量图是计算机图形中的两大概念,这两种图形都被广泛应用到出版,印刷,互联网[如flash和svg]等各个方面,他们各有优缺点,两者各自的好处几乎是无法相互替代的,所以,长久以来,矢量跟位图在应用 ...
- SVG实例详解系列（一）(svg概述、位图和矢量图区别（图解）、SVG应用实例）
SVG实例详解系列(一) (svg概述.位图和矢量图区别(图解).SVG应用实例) 目录 一.什么是SVG? (1).位图和矢量图概念(图解) (2).SVG的小例子 (a)笑脸符 (b).小鸟 (c ...
最新文章
- Java常用多线程辅助工具---countdownLatch
- JButton 做图片框
- 进程与线程的一个简单解释（转）
- pdf.js使用方法整理，web页面中pdf在线查看，web页面显示pdf文档
- pytest.mark.parametrize()基本用法
- 【LeetCode】剑指 Offer 47. 礼物的最大价值
- Docker : Docker镜像的分层结构
- zookeeper使用简介及注意事项
- jQuery基础 - 选择器
- xp3系统配置cocos2dx
- 南航大学计算机专业硕士学历,南航计算机科学与技术学院导师介绍：戴群
- c语言作业做出金山打字功能,C语言制作简易金山打字通功能的代码
- css3实现数字滚动效果,JS+CSS实现滚动数字时钟效果
- 硬件第二节 MOS管电路工作原理及详解
- postgresql开启日志
- itextpdf生成列表基本用法
- 机器学习算法（8）之多元线性回归分析理论详解
- Python基础练习-每日一题-大家来找茬！
- 暴力解题之公务员行测资料分析技巧
- Jupyter Notebook中使用conda配置的Python虚拟环境