数据表示基础：位图

单元 1 - ⇑ 数据表示基础 ⇑
← 图片	位图	矢量 →

概述

位图 - 一组来自图像的像素，映射到特定内存位置，其中包含它们的二进制颜色值

像素 - 图像中由实色定义的最小可寻址区域，表示为二进制

此示例显示了带有部分大幅放大的位图图像，其中单个像素被渲染为小方块，并且可以很容易地看到。尝试仔细观察您的显示器或手机屏幕，看看您是否能看到像素。

分辨率

图像分辨率 - 图像每英寸/厘米包含的像素数量

屏幕分辨率 - 每行像素数乘以每列像素数

示例

示例：计算屏幕分辨率

使用上面的图示，我们将计算出在 VGA 屏幕上显示单个帧需要多少个像素。

检查分辨率

Height = 480
Width = 640
Area = Width * Height = Total Pixels
Area = 640 * 480 = 307200

问题

练习：计算屏幕分辨率

什么是像素？

回答

图像中由实色定义的最小可寻址区域，表示为二进制。

什么是图像分辨率？

回答

图像每英寸/厘米包含的像素数量

什么是屏幕分辨率？

回答

每行像素数乘以每列像素数

100 像素乘以 70 像素的图像的分辨率是多少？

回答

100 * 70 = 7000 像素

30 像素乘以 40 像素的图像的分辨率是多少？

回答

30 * 40 = 1200 像素

HD 1080p 图像的分辨率是多少？（使用上面的图示来帮助）

回答

1920 x 1080 = 2073600 像素

如果我的图像分辨率为 700 像素，高度为 35，那么图像的宽度是多少？

回答

700 / 35 = 20 像素

具有更高分辨率图像的优点是什么？

回答

higher resolution images are able to display more detail, providing crisper images

具有非常高分辨率图像的缺点可能是什么

回答

它需要很多空间来存储。这意味着您会很快用完内存，或者通过互联网或其他数据路由传输图像需要很长时间。

色彩深度

色彩深度 - 用于表示单个像素颜色的位数

色彩深度	1 位	2 位	4 位
示例
描述	单色，仅存储黑白色	存储 4 种颜色 RGB(70,61,55), RGB(79,146,85) RGB(129,111,134), RGB(149,146,166)	存储有限的颜色
颜色数量每个像素	$2^{1}=2$	$2^{2}=4$	$2^{4}=16$
色彩深度	8 位	24 位
示例
描述	接近现实	很难看到现实之间的任何区别
颜色数量每个像素	$2^{8}=256$	$2^{24}=16777216$

很明显，色彩深度越高，图片看起来越接近现实。那么为什么我们不只是提高我们制作的每张图片的色彩深度呢？答案应该很明显，对于固定的分辨率，色彩深度越高，文件大小就越大。

示例

示例：计算不同色彩深度的文件大小

以上所有图像都具有相同的分辨率

300*225 = 67500 pixels

如果第一张图像使用 1 位来存储每个像素的颜色，那么图像大小将为

Number of Pixels * Colour Depth = Image Size
      67500      *     1 bit    = 67500 bits

如果第二张图像使用 2 位来存储每个像素的颜色，那么图像大小将为

Number of Pixels * Colour Depth = Image Size
      67500      *    2 bit    = 135000 bits

查看其余计算

如果第三张图像使用 4 位来存储每个像素的颜色，那么图像大小将为

Number of Pixels * Colour Depth = Image Size
      67500      *    4 bit    = 270 000 bits

如果第三张图像使用 8 位来存储每个像素的颜色，那么图像大小将为

Number of Pixels * Colour Depth = Image Size
      67500      *    8 bit    = 540 000 bits

如果第三张图像使用 24 位来存储每个像素的颜色，那么图像大小将为

Number of Pixels * Colour Depth = Image Size
      67500      *    24 bit    = 1 620 000 bits

问题

练习：色彩深度

色彩深度是什么意思？

回答

The number of bits used to represent the colour of a single pixel

对于 8 位的色彩深度，每个像素可以存储多少种颜色？

回答

 $2^{8}=256$

要表示每个像素 1024 种颜色，我需要什么色彩深度？

回答

 $2^{10}=1024$

对于 30 乘以 40 像素的图像，以下色彩深度的文件大小将是多少

4 位

回答

 $30*40*4=4800bits$

6 位

回答

 $30*40*6=7200bits$

2 位

回答

 $30*40*2=2400bits$

如果每个像素的色深为 4 位，那么每个像素可以存储多少种颜色？

回答

 $2^{4}=16colours$

如果我们想每个像素存储 64 种颜色，那么色深需要多少位？

回答

6 as:  $2^{6}=64colours$

一个 20x30 像素的图像，每个像素可以显示 8 种颜色，该图像需要多少位？

回答

8 colours is 3 bits per pixel as:  $2^{3}=8colours$ 
h * w * b = 20 * 30 * 3 = 1800 bits

在什么情况下人们可能需要降低图像的色深？

回答

When you want to save file space or when you only need a specific palate of colours such a mono-chrome