说明位图,矢量图,像素,分辨率,PPI,DPI?

显示全部
关注者

28

被浏览

7,031

关注问题写回答
​邀请回答

​添加评论
​分享
 
 

2 个回答

默认排序
 
21 人赞同了该回答
    1. 位图:位图图像(bitmap), 亦称为点阵图像或绘制图像,是由称作像素(图片元素)的单个点组成的。这些点可以进行不同的排列和染色以构成图样。当放大位图时,可以看见赖以构成整个图像的无数单个方块。只要有足够多的不同色彩的像素,就可以制作出色彩丰富的图象,逼真地表现自然界的景象。缩放和旋转容易失真,同时文件容量较大。bmp,jpg,gif,png。便携式网络图形(Portable Network Graphics,PNG)是一种无损压缩的位图图形格式,截图首选png格式。


  1. 矢量图像:由数学向量组成,文件容量较小,在进行放大、缩小或旋转等操作时图象不会失真,缺点是不易制作色彩变化太多的图象。
  2. 像素:像素,又称画素,为图像显示的基本单位,译自英文“pixel”,pix是英语单词picture的常用简写,加上英语单词“元素”element,就得到pixel,故“像素”表示“图像元素”之意。像素表示图形尺寸的大小。不同设备显示效果相同。这里的“相同”是指像素数不会变,比如指定UI长度是100px,那不管分辨率是多少UI长度都是100px。也正是因为如此才造成了UI在小分辨率设备上被放大而失真,在大分辨率上被缩小。
  3. 分辨率:Image resolution,中国大陆译为“分辨率”,香港、台湾分别译为“解像度”和“解析度”,又称“解像力”,泛指量测或显示系统对细节的分辨能力。分辨率越高代表视频质量越好,越能表现出更多的细节;但相对的,因为纪录的信息越多,文件也就会越大。图像处理或信号处理中的空间或时间分辨率:能够分辨图像中两个点或线的能力。描述分辨率的单位有:dpi(点每英寸)、lpi(线每英寸)和ppi(每英寸像素)。从技术角度说,“像素”只存在于电脑显示领域,而“点”只出现于打印或印刷领域。对电脑显示屏等,分辨率是用像素数目衡量;对数字文件印刷,分辨率是通常用每英寸所含点或像素〔dpi〕来衡量。像素数目大的数码相机,较能够输出高分辨率的图像。因此,相机制造商在广告上多使用像素数目代表分辨率。不过,相机是测量仪器而不是显示设备。镜头对视频质量极为重要,光以用像素数目代表分辨率是非常误导的。美国、日本和国际标准都建议不应使用此一定义。
  4. 提起分辨率,我们需要了解两个概念,图像分辨率和输出分辨率,图像分辨率是每英寸的像素数,以ppi为单位,图像分辨率又常常被表示成每一个方向上的总像素数量,比如640×480像素、1280×960像素等。而决定图像输出质量的是图像的输出分辨率,描述的是设备输出图像时每英寸可产生的点数(dpi),以dpi为单位,两者有联系但并不总是相等的。
  5. 以21.5寸的显示器为例,设置屏幕分辨率为1920*1080(推荐设置,还可以设置成最小800*600),下载一张1920*1080的图片,当显示为实际大小时,图片正好可以覆盖整个屏幕,再将屏幕分辨率设置为1360*768,这时当查看图片的实际大小时,发现屏幕不能承下整个图片。也就是说,21.5寸的显示器设置1920*1080,是将屏幕分为1920*1080个小块(也就是像素),当显示1920*1080的图片时,屏幕上的所有块(像素)正好都被占用,当显示器分辨率为1360*768时,将21.5寸的屏幕分成1360*768个小块,再次显示1920*1080大小的图片时,发现屏幕上的所有块不能承下图片,需要左右移动才能查看完整的图片。这也解释了,为什么将屏幕分辩率调小之后,会发现照片和文字变大的问题。
  6. PPI:每英寸像素(英语:Pixels Per Inch),又被称为像素密度,是一个表示打印图像或显示器单位面积上像素数量的指数。一般用来计量电脑显示器,电视机和手持电子设备屏幕的精细程度。通常情况下,每英寸像素值越高,屏幕能显示的图像也越精细。是将屏幕尺寸与分辨率整合到一起的一个属性。以屏幕尺寸为4吋的iPhone 5为例,分辨率为1136x640,像素密度为326PPI。而分辨率为1920x1080的家用21.5寸显示器,像素密度为103PPI。Retina显示屏(英文:Retina Display)是一种由苹果公司设计和委托制造的显示屏,具备足够高像素密度而使得人体肉眼无法分辨其中单独像素点的液晶屏,最初采用该种屏幕的产品iPhone 4由执行长史蒂夫·乔布斯于WWDC2010发布,其屏幕分辨率为960×640(每英寸像素数326ppi)。这种分辨率在正常观看距离下足以使人肉眼无法分辨其中的单独像素。
  7. DPI打印输出分辨率(英语:Dots Per Inch,每英寸点数)是一个量度单位,用于点阵数位影像,意思是指每一英寸长度中,取样或可显示或输出点的数目。打印机所设定之分辨率的DPI值越高,印出的图像会越精细。打印机通常可以调校分辨率。例如撞针打印机,分辨率通常是60至90 DPI。喷墨打印机则可达1200 DPI,甚至9600 DPI。激光打印机则有600至1200 DPI。一般显示器为96 DPI。
​赞同 21​​1 条评论

​分享

​收藏​感谢收起​

不知乎
8 人赞同了该回答
  1. 位图和矢量图是图像的存储方式

我们知道,计算机内存储空间(包括内存和磁盘等)是以字节(byte,8个二进制位)为单位的,可以理解为一个数目庞大的数组。要在计算机中表达图像,自然能想到的方法就是,把自然图像划分为整齐排列的“像素(pixel)”点的集合,每个点可用几个字节(如3个字节,分别记录红、绿、蓝三色的相对比例,RGB表示法)表达,将所有“像素”点按一定顺序记录到存储空间,就能存储图像了。再现图像时,取出数据,按次序由显示设备(显示器、打印机)表达各个像素点,成为我们看到的图像。

按照这种方法存储记录的图像,称为位图(Bitmap/raster)。表达图像时,所采用的点阵规模(宽多少个点,高多少个点)称为位图的尺寸(size)。我们的电脑桌面,实际上就是一个常驻显存的位图,其大小通常是1920*1080等。(桌面大小是可调的,如果是液晶显示器,桌面大小最好调节为和显示器的像素点规模一致,实现”点对点“显示)

备注:位图的尺寸(size)在有些场合被称为位图的分辨率(resolution),这种叫法容易和出版发行时的印刷分辨率相混淆,后文细说。

在位图的发展过程中,不同企业针对具体硬件平台采用不同的数据压缩方法,形成了众多位图“文件格式”,如bmp格式位图文件、jpg格式、png格式等等。

由于采用点阵取样的方式存储图像,一旦存储,点阵的规模就是固定的了,即使你强制转化图像文件的大小,信息量也不可能增加(只可能降低)。在显示图片的地方(如Word文件中),图片显示的区域大小(屏幕像素)一般比位图的点阵规模要小,因此看起来很清晰,但如果你把图片的显示区域拉大到比图片的点阵规模还要大,那在显示时,会计算采用最近位置的图片像素值填满屏幕像素,看起来就斑斑点点的了,很粗糙。如上图右方图示。

除了位图之外,表达图像还有另一种方法,那就是记录“图形”,而不是“像素”。例如,直接用数学方法记录直线、方块、圆形、规则曲线、线条颜色、填充颜色等图形构成信息。由于在数学上,图形的表达用的是“矢量(有方向的箭头)”的概念,这种表达图形的方法称为矢量图(Vector Image)。很显然,矢量图适合记录线条画、原理图、数据图示等,而不适合记录风景、人像等照片类的图像。

由于记录的是“图形/图元”,在显示时才落实占用区域,矢量图是可调(任意)大小的。因此,不管你将图片”放大“多少倍,负责矢量图绘制的电脑程序总能依据图形的形状数据,计算出每个像素点的颜值,完美表达图形细节。如上图右方所示。

同样,矢量图在发展的过程中,也形成了很多文件格式,包括eps、wmf等。在Powerpoint、Acrobat等办公软件中,绘制的线条、图表等实际上也是矢量的,可以不失真的放大缩小。

在表达由线条、图形构成的图像时,优选采用矢量图作为存储格式,方便调整修改。在最终使用时(出版、打印时),矢量图需要落实成为实际点阵,称为矢量图的“点阵化”,一旦点阵化,就成为位图了。

实际上,矢量图和位图经常混合使用,例如Powerpoint的一个页面上可能既有矢量表达的线条插图,也有位图点阵表达的一副照片。

常见的pdf文件,其基础架构是矢量的,因此放大后文字、线条等都很清楚,但对于其中嵌入的位图(如扫描录入的印刷版页面、扫描录入的印刷版插图),放大后就很粗糙了。

2. 像素

位图存储时,点阵中的一个点就称为一个像素。

显示设备在表现画面时,也是以位图点阵方式呈现的,例如液晶面板会有自己的点阵规模,其中一个点也就是显示设备的一个像素。

在显示设备上查看图像时,会有一个映射计算过程。位图显示比例是100%,则位图的一个像素就直接对应屏幕的一个像素了。但更多的情况下,软件会有缩放、编辑内容自身也会有缩放(如Word中的一副图片),位图像素到显示设备像素是一个多次计算过程。

3. 分辨率

分辨率(resolution)这个词,被多个情景下使用,容易混淆。

在讲一张位图图片(bmp、jpg文件)的分辨率时,实际是指图片的尺寸(size),宽多少个像素、高多少个像素)。如手机拍照形成的照片文件,分辨率可以是4160*2336,3260*1840等多种选择。

电脑桌面实际上是一张常驻显存的位图,又是会说,桌面的分辨率是1920*1080,指的是操作系统在画桌面时,位图点阵规模是多大,

显示设备分两种情况了,过去的CRT显示器,其横向扫描和纵向扫描的点数是可以依据桌面的分辨率来调节的。桌面的分辨率是多少,显示器就能以多大的分辨率呈现。现在的液晶显示器,其液晶面板上的像素点是固定排列好的,不可能变。因此,有显示器的分辨率一说。如现在笔记本电脑的高清屏,分辨率是1920*1080。顺便说一下,如果是用液晶显示器,尽量将桌面分辨率设置成与显示器分辨率一致,避免操作系统做映射计算,既费电脑又显示效果差。

如果需要跟出版、印刷打交道(如论文投稿),则就牵涉到印刷分辨率问题了。其指标是dpi,意思是1英寸(2.54cm)尺寸内所呈现的像素个数。

4. DPI和PPI

dpi已经提到了,是印刷行业的分辨率术语,打印机也是印刷,所以打印机有dpi属性,打印时可设置。自家家用打印机分辨率最高可达600dpi(2.54cm内排列600个墨点,每个墨点0.04mm,已经挺精细的了)

提交印刷稿件时,对方可能要求图片分辨率不低于600dpi,意思是,如果你的图片准备印2.54cm*2.54cm大,图片分辨率至少要大于600*600。这样才能保证印刷时,各个墨点都有数据可用,不用帮你插值计算。

扫描仪跟打印机类似,其扫描器件是有dpi的,一英寸能记录多少个点,称为扫描仪的分辨率。通常是2400dpi。实际扫描时,设置扫描dpi为600就很不错了,设置太高,数据量太大(位图尺寸太大)。

PPI概念类似,但说的是液晶显示器像素点阵精细程度。直接说显示器分辨率分辨率,没法对比这种精细程度,比如说21寸显示器和12寸显示器分辨率都是1920*1080,那12寸小显示器上,每英寸上的点数PPI要高得多。

说明位图,矢量图,像素,分辨率,PPI,DPI?的更多相关文章

  1. Photoshop 基础七 位图 矢量图 栅格化

    矢量图(CorelDraw)不是像素组成的,放大不会失真,体积小,颜色比较单一.由直线.曲线构成,画一些直线.曲线.多边形.图标. 位图(Photoshop画的就是位图),又像素组成,放大失真,放的越 ...

  2. Android中使用SVG矢量图(一)

    SVG矢量图介绍 首先要解释下什么是矢量图像,什么是位图图像? 1.矢量图像:SVG (Scalable Vector Graphics, 可伸缩矢量图形) 是W3C 推出的一种开放标准的文本式矢量图 ...

  3. 颜色模式、DPI和PPI、位图和矢量图

    颜色模式:用于显示和打印图像的颜色模型 RGB:电子设备的颜色 CMYF:印刷的颜色 印刷的图像分辨率大于等于120像素/厘米,300像素每英寸 图像分辨率单位为PPI(每英寸像素Pixel per ...

  4. 对屏幕的理解---分辨率,dpi,ppi,屏幕尺寸,像素 等

    1. 名词理解 屏幕尺寸(screen size) 屏幕尺寸(screen size),是屏幕的对角线长度,一般讲的大小单位都是英寸. DPI (dots per inch) dpi 是(英文Dots ...

  5. H5开发基础之像素、分辨率、DPI、PPI

    H5开发基础之像素.分辨率.DPI.PPI  html5  阅读约 4 分钟 ​2016-09-03于坝上草原 背景知识: 目前绝大部分显示器都是基于点阵的,通过一系列的小点排成一个大矩形,通过每个小 ...

  6. 分辨率、像素和PPI

    屏幕尺寸是指屏幕对角线的长度,一般以英寸为单位,1英寸(inch)=2.54厘米(cm).传统意义上的照片尺寸也是这个概念.所以同样尺寸(指对角线)的屏幕,也可能长宽比率不同.像素(Pixel):是位 ...

  7. 什么是物理像素、虚拟像素、逻辑像素、设备像素,什么又是 PPI, DPI, DPR 和 DIP

    什么是物理像素.虚拟像素.逻辑像素.设备像素,什么又是 PPI, DPI, DPR 和 DIP?有关 viewport 以及苹果安卓设备上的页面呈现为什么效果不一样,又有哪些方法去改变和统一呢?网络上 ...

  8. 分辨率、DPI、PPI和屏幕尺寸,你都知道是啥么?

    分辨率.DPI.PPI和屏幕尺寸 分辨率 DPI/PPI 坑爹的屏幕尺寸 Reference 手机开发中不免会遇到分辨率.DPI.PPI和屏幕尺寸等术语,那就弄弄清楚这些概念的真正含义. 分辨率 分辨 ...

  9. ps中的位图,矢量图,颜色模式

    什么是位图?什么是矢量图? 位图是由像素组成的图像,在缩放和旋转的时候容易失真,同时文件容量较大 矢量图是根据几何特性来绘制的图形,通过数学公式计算获得的,不易制作色彩变化太多的图象 颜色模式 RGB ...

随机推荐

  1. HTML5与CSS3新增特性笔记

    HTML5 HTML5和HTML事件 注意:行内代码的为H5新增事件 Window事件属性: 针对 window 对象触发的事件(应用到 标签) onafterprint 文档打印之后运行的脚本 on ...

  2. 如何使用yolov3训练自己的数据集

    博客主要结构 1. 如何在ubuntu18.04上安装yolo 2 .如何配置yolov3 3 .如何制作自己的训练集测试集 4 .如何在自己的数据集上运行yolov3 1. 在ubuntu18.04 ...

  3. Leedcode算法专题训练(二分查找)

    二分查找实现 非常详细的解释,简单但是细节很重要 https://www.cnblogs.com/kyoner/p/11080078.html 正常实现 Input : [1,2,3,4,5] key ...

  4. 6.1vector用法

    目录 一.用法介绍 二.基本用法 三.PAT A1039 一.用法介绍 vector<typename>name; 按照这样的格式进行定义与书写. 注意定义成双数组的情况要加上空格. ve ...

  5. IDEA关于-javaagent中文路径导致无法debug的初步解决方案

    IDEA明明是装在D盘的纯英文路径,而且java的相关环境变量全部是在英文路径,结果还是因为中文路径的问题导致无法debug.仔细观察,发现这个中文路径是作为java的-javaagent的参数输入的 ...

  6. WordPress 缩率图学习笔记

    WordPress 缩率图学习笔记 Wordpress在生成缩略图的过程中,有两种不同的规则 缩放模式:缩放模式就是将图片等比例缩小,且新生成的缩略图长度或高度两者之中,有一个是你设置的缩略图的尺寸 ...

  7. 关于Eclipse Debug断点调试出现 Search not found 页面的解决办法

    1. 在代码中鼠标右键 Debug AS ---> Debug Configurations... ----> 找到Source选项  ---> 点击add ---> 选择 j ...

  8. CVE-2010-2883:基于样本分析 PDF SING表字符溢出漏洞

    0x01 前言 CVE-2010-2883 漏洞的成因是由于 CoolType.dll 这个动态链接库在解析 SING 表中的 uniqueName 这个项时没有对长度进行限制,导致使用 strcat ...

  9. Win64 驱动内核编程-22.SHADOW SSDT HOOK(宋孖健)

    SHADOW SSDT HOOK HOOK 和 UNHOOK SHADOW SSDT 跟之前的 HOOK/UNHOOK SSDT 类似,区别是查找SSSDT的特征码,以及根据索引计算函数地址的公式,还 ...

  10. 学习Canvas绘图与动画基础 制作弧和圆(五)

    1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="U ...