픽셀은 화면을 구성하는 가장 기본이 되는 단위이다.
640x480은 가로 640개, 세로 480개 총 307,200 픽셀로 이루어진 이미지를 의미
각 픽셀이 색깔 정보를 가지고 있고 이들이 모여 이미지를 이룬다.
1픽셀은 한가지 색깔 정보를 가지고 있고, 이들이 모여 이미지를 이룬다.
그렇다면 한가지 색깔을 담는데 필요한 용량은 얼마일까?
일반적인 컬러 이미지의 경우 빛의 3원색인 빨강(Red), 녹색(Green), 파랑(Blue)으로 표현한다. 그래서 CSS의 색상 관련 속성에서 RGB컬러와 hex코드로 이 세가지 색의 조합으로 색을 표현한다. hex 코드의 각 두자리가 각각 r, g, b 컬러를 의미한다.
각 색깔의 정보를 0~255사이의 값으로 표현하기 때문에 각 색깔별로 8bit의 용량이 필요하고, 세 가지 색의 조합을 표현하기 위해서는 24bit 즉 3byte가 필요하다.
흑백이미지의 픽셀은 0~255 사이 값으로 밝기를 표현한다. 이 값은 8bit 즉 1byte가 필요하다.