本文是上面文章的摘要,只用于自己快速浏览.
目录
像素
一张图片的分辨率:60✖️50
这张图片的每一行都有60个像素，共50行，总共60*50=3000个像素。
每个像素都有自己独立的颜色，若干个像素就组成了一张色彩缤纷的完整图片。
RGB颜色模型
将红（Red）、绿（Green）、蓝（Blue）三原色的色光以不同的含量相叠加，可以合成产生各种色彩光
位深度
一 24bit位深度的含义
每一个像素都会使用24个二进制位来存储颜色信息,RGB各占用8个二进制位
二 24bit颜色的表示形式
十进制：rgb(64, 224, 208)
十六进制：#40E0D0
三 颜色数量
如果位深度为n，那么每一个像素能显示2^n种颜色。
四 其他位深度
除了24bit，常见的位深度还有：
1bit：2种颜色，黑白两色
3bit：8种颜色，用于大部分早期的电脑显示器，红绿蓝各占1位
8bit：256种颜色，用于最早期的彩色Unix工作站，红色占3位、绿色占3位、蓝色占2位
16bit：红色占5位、蓝色占5位、绿色占6位
32bit：基于24位，增加8个位的透明通道
可以表示带有透明度的颜色
比如CSS中的rgba(255, 0, 0, 0.5)表示50%透明度的红色
五 不同位深度的对比
位深度越大，能表示的颜色数量就越多，图片也就越鲜艳，颜色过渡就会越平滑。
格式
一说到图片，大家应该马上能想到拓展名为jpg、png、gif的图片文件。
一 计算图片大小
分辨率是60x50，位深度是24，所以：
每个像素的大小是：24bit（3字节，1字节=8bit）
图片的理论大小是：(60 * 50) * (24 / 8) = 9000B ≈ 8.79KB
二 图片的压缩
在相同分辨率、相同位深度的前提下，把这张图片存成2种不同的格式（jpg、png），它们的大小是不同的，而且都小于理论上的8.79KB。这是因为图片进行了压缩
| JPG（JPEG） | 有损压缩 | 24bit |
| PNG | 无损压缩 | 8bit、24bit、32bit |
| GIF | 无损压缩 | 8bit |
GIF
当人眼所看到的影像消失后，人眼仍能继续保留其影像约0.1~0.4秒左右，这种现象被称为视觉暂留现象
在一帧图片消失在大脑中之前呈现下一帧图片，反复如此，就可以形成连贯的动画效果
电影的帧率是24fps
fps：每秒的帧数，Frames Per Second
行者常至，为者常成！