강좌 및 설정/HTML 기본강좌

픽셀 및 해상도

웹 개발자의 비상 2022. 10. 5. 16:31

Pixel 은 Picture Element 의 준말로  이미지의 크기를 나타내는 가장 작은 단위를 말합니다.

 

좌측그림을 오른쪽그림처럼 작은 정사각형 크기로 자른다고 가정해 보겠습니다. 

가로로 20개 세로로 13개 입니다. 그러면 전체 조각은 20*13 총 260 조각이 되겠네요.

오른쪽 그림의 빨간 테두리 조각만 꺼내어 다시 잘라 보겠습니다.

 

 

위 그림은 빨간 테두리 조각을 20배 확대한 이미지 입니다.

마찬가지로 이 조각을 더 작은 조각으로 계속해서 자르다고 생각해 봅시다. 결국에는 단하나의 아주 작은 조각으로 자르게 될 것 입니다.

이 조각을 Pixel 이라고 생각하시면 됩니다.

즉 Pixel 이란 화면의 구성하는 하나의 사각점입니다. 아주 작은 단위이기 때문에 1pixel은 눈으로 구분하기에는 쉽지 않으며 단 하나의 색상을 가지고 있습니다.

 

해상도란 "화면 또는 인쇄 등에서 이미지의 정밀도를 나타내는 지표" 라 정의 되어있네요

즉 해상도란 위에서 말한 pixel단위로 화면의 사이즈를 나타낸 것이라 보시면 됩니다.

 

모니터나 TV를 살때 화면이 HD다 FHD다 UHD라고 표시되 있는 것을 많이 보셨을 겁니다. 이것들은 가로x세로 몇픽셀로 화면은 표시하는지를 나타내는 알려주는 겁니다.

 

  • SD(Standard Definition) => 720x 480
  • HD(High Definition) => 1280 x 720
  • FHD(Full High Definition) => 1920 x 1080
  • QHD(Quad High Definition) => 2560 x 1440
  • 4K UHD(Ultra High Definition) => 3840 x 2160

 

같은 40인치의 TV라도 HD 보다 FHD가 훨씬 많은 픽셀 수을 가지고 있다는 이야기가 됩니다. 그리고 그것은 좀더 세밀하게 색상을 표현할 수 있다는 것이 되고 다시 그것은 화질이 좋다는 얘기로 바꾸어 말할 수 있게 되는 것입니다.

 

 

 

728x90

'강좌 및 설정 > HTML 기본강좌' 카테고리의 다른 글

개발자 도구의 활용  (0) 2022.11.14
body  (1) 2022.10.05
head  (1) 2022.10.05
html tag 사용법  (0) 2022.09.28
html 기본구조  (0) 2022.07.17