지난 시간에 이어서 디지털 이미지에 관한 다양한 이론에 대해서 포스팅합니다.
뭐 다들 잘 아시는 내용이시겠지만.. 제가 강의하다 보면 정확히 모르시는 분들도 많으시더라고요~
그런 초보분들을 위해서 눈높이를 확~ 낮춰서 적어봅니다~^^
오늘은 디자인의 두 번째 기초~!
이미지 사이즈와 해상도에 대해서 알아봅니다!
포스팅 주요 내용
- 픽셀(Pixel)이란?
- 이미지 사이즈
- 해상도에 대해서 알아보자
- 출력사이즈 설정하는 법
다양하게 표현되는 이미지 용어
다들 잘 아시는 내용이시겠지만.. 그래도 한번 정확히 짚고 넘어가 보겠습니다.
보통 우리가 아는 사진은 다양한 사이즈가 있지요?
증명사진 여권사진..6x4 .. 등등... 사실 이건 정확히 이야기하면 이미지 사이즈가 아니고 출력사이즈입니다.
잘 아시는 분들도 많지만 의외로 이걸 혼동하시는 분들이 있으시더라고요...
보통 우리가 디지털로 사진을 찍거나 다운로드한 원본 이미지의 경우는 정확한 고유의 이미지 사이즈가 있습니다.
이미지 사이즈는 정해져 있고.. 이 이미지 사이즈는 두 가지 요소를 포함합니다.
모니터 출력할 때와 인화지 출력.. 할 때.. 다른 점은 해상도(Resolution)입니다.
여기서 보시면 이미지 사이즈는 두 가지를 포함하고 있는 게 확인되실 겁니다.
이제부터 이것만 완벽히 이해하시면 됩니다.
Piexl Dinensions
실제 이미지가 가지고 있는 크기
위의 경우 Width : 1920 Height : 1080 이렇게 되어있지요?
픽셀은 이미지가 가지고 있는 최소 구성단위를 말합니다.
하나의 픽셀은 고유의 칼라값을 가지고 있구요.
다시 말씀드리면 하나의 픽셀에 두 가지의 색상은 없다는 뜻이지요.
이미지를 확대해 보면 여기 네모난 박스가 하나의 픽셀입니다. ^^
그럼 위의 이미지는 몇 개의 픽셀?
우리가 흔히 말하는 Full HD는 한 장의 이미지에 총 2백7만 3천6백 개의 픽셀을 가지고 있는 겁니다.
그리고 용량은 5.93M으로 되어있네요?
그런데 이용량은 포토샵 파일(psd) 용량입니다. 실제로 jpg로 저장하면 달라져요~^^
예를 들어보겠습니다.
포토샵에서 화이트배경에 포토샵 이미지 용량이구요~!
이렇게 같은 데이터를 가지고 있는 걸 확인할 수 있습니다.
그렇지만 이걸 웹용으로 저장을 해보면
아무것도 없는 흰색이미지와
이렇게 색상이 있는 사진이미지와 다른 데이터 사이즈를 가진 걸 확인하실 수 있습니다.
이제 정리가 좀 되시나요?
당연히 같은 필셀수 라도 다양한 칼라값을 가지고 있는 사진이 사이즈가 크겠지요?
한 가지 더 예를 들어보면...
이렇게 이미지를 조절하면 다른 이미지사이즈로 저장되는 걸 알 수 있습니다~^^
Resolution (해상도) 란?
이미지의 선명도 기준을 말한다
보통 우리가 해상도가 좋다 그러면 선명하다 이렇게 생각하시면 됩니다.
그럼 선명하다는 기준을 어떤 걸까요
일반적으로 모니터나 화면에서 해상도는 1인치 안에 구성되는 픽셀의 수를 말합니다.
위의 예를 보시면 해상도는 72이며 이미지 사이즈는 1920x1080입니다.
출력 사이즈는 67.73 x 38 정도이네요?
와~ 엄청크다..그치요? 그런데 이대로 출력을 하면 화질이 선명할까요?
당연히 선명하지 않습니다. 그 이유는 72라는 해상도는 모니터나 화면에서 쓰는 해상도 이기 때문입니다.
"인쇄에서는 dpi(dot per inch)로 웹용으로는 ppi(pixel per inch)라고 합니다~^^ "
인쇄는 종이에 점을 찍는거구.. 모니터나 스마트폰 화면은 픽셀로 구성된 거라 생각하시면 됩니다.
같은 픽셀수를 유지하면서 인쇄용 해상도로 바꿔 보겠습니다.
그럼 이 이미지를 선명하게 출력하면 출력사이가 16.26 x 9.14 정도로 줄어드는 걸 확인하실 수 있습니다.
이제 정확히 이해하시겠지요?
그래서 출력용 이미지를 사용하실 때는 고화질 이미지가 필요합니다~!
왼쪽은 인쇄용 작업 시밀리미터로 하며 해상도를 300으로 주고 색상은 CMYK로 작업을 하고요~
오른쪽은 웹용으로 작업시 픽셀로 하며 해상도 72 색상은 RGB로 합니다.
CMYK는 인쇄용 잉크 색상정도로만 이해하시고요
RGB에 대한 설명은 이전포스팅을 참고 부탁드립니다.
https://yoonpdclass.tistory.com/51
기초이론 - RGB 색상이란?
안녕하세요 윤피디입니다~^^ 그동안 너무 바빠서 이제서야 포스팅을 하네요~^^ 마침 포토스케이프X로 해야되는 강의요청도 들어고구 해서... 이와 관련된 포스팅을 합니다. 이제부터 부지런히 해
yoonpdclass.tistory.com
인터넷에 있는 낮은 해상도 이미지는 아무리 이미지 사이즈를 키워도 원본자체가 가지고 있는 픽셀수가 있기 때문에
선명하지 않습니다.
대형 실사 출력인 경우는 보통 150 정도로 출력하셔도 멀리서 보는 경우이기 때문에 괜찮습니다.
만약에 위의 이미지를 가로 1미터 정도로 늘린다면 용량이 엄청 커지겠지요?
이렇게 이미지 사이즈가 커진 걸 확인하실 수 있습니다. 거기에 따른 픽셀수도 엄청나게 늘었습니다.
용량도 그렇구요~!
당연히 억지로 늘렸기 때문에 화질 손상은 어쩔 수 없습니다~!
참고로 여러분의 모니터도 다 다른 해상도를 가지로 있습니다.
확인하시는 방법은~!
이렇게 바탕화면에 마우스 오른쪽 버튼 누르시고.. 꼭 왼쪽 누르고 없다는 분 계심~
이렇게 확인하실 수도 있고 변경하실 수도 있습니다.
모든 모니터나 화면은 권장해상도가 있습니다~!
요즘은 울트라와이드나 4K 모니터 쓰시는 분들도 점점 늘어가는 추세입니다.
위의 사진은 모니터별 해상도 디스플레이 해상도 사이즈입니다.
자 이제 정확히 아시겠지요?
더 이상 쉽게 알려드릴 방법이 없다..ㅎㅎㅎ
어찌 되었건 앞으로 여러분들은 디자인에 색상을 선택할 때 이렇게 정확한 색상값을 아셔야 되세요~!
오늘은 디지털 이미지의 사이즈와 해상도에 대해서 알아봤습니다
다음 포스팅은 이미지의 파일 종류와 용도에 대해서 포스팅하겠습니다.
윤피디였습니다 감사합니다 ^^
'그래픽디자인 > 디지털 이미지 기초' 카테고리의 다른 글
| 기초이론 - RGB 색상이란? (0) | 2023.05.29 |
|---|
