출처 : 여성시대 다음카페(Daum)
< 이 게시글은 광고가 노출되지 않습니다. >
이거 왜 이러는지 원인 알려드림.
여기 호랑이 사진이 있음.
이 사진의 크기는 1000 x 1000 px 임
여기서 단위인 px는 pixel의 줄임말인데
pixel이 뭐냐면
저 호랑이의 한 부분을 겁나 확대했을 때
보이는 저 모자이크 같은 한 칸을
우리는 pixel 이라고 부름.
즉 1000 x 1000 px 는
총 1,000,000 개의 픽셀이 있다는 뜻임.
그럼 이 호랑이 사진의 용량은
어떻게 정해지는걸까?
여기 갈색으로 보이는 픽셀이 있음.
이 색깔은 흔히 알려진 RGB로 표현되는데
RGB는 Red / Green / Blue 의 줄임말로
세 가지 색을 섞어서 만든 색깔임.
즉, 저 색깔을 표현하기 위해선
한 픽셀에 대한 RGB 색깔 정보가 필요한데
R/G/B 각각 1byte 의 용량이 필요함.
따라서 한 픽셀의 용량은 3byte임.
즉, 1000 x 1000 px 사진의 용량은
3,000,000 byte
= 3,000 Kbyte
= 3 Mbyte
이렇게 용량이 결정되어짐.
그런데 3MB는 너무 큰 용량임.
1GB 크기의 USB가 있다고 할 때
고작 400개도 저장하지 못할 정도로 큼.
그래서 이걸 어떻게 하면 줄일 수 있을까 하고
많은 똑똑한 사람들이 고민을 하게 되었고
사람의 눈은 멍청하니까
그 점을 이용하자고 결론을 내리게 됨.
그 이용한 방법이 무엇인지 지금부터 설명해줄게.
여기 비슷한 두 색깔이 있음.
하나는 (216, 103, 81)
하나는 (214, 99, 79)
차이점이 느껴짐?
이렇듯 인간의 망막은 차이를 잘 못느낌.
그럼 그냥 비슷한 색으로 퉁치면 되겠네?
쉽게 얘기해서
각 픽셀의 색을 전부 표현하지 말고
인접한 픽셀 중 비슷한 색깔을 2 x 2 크기로 묶어서
하나의 색으로 표현하자 하면 용량 줄어들겠네?
그걸 구현하는 방법은 간단함.
여기 기본적인 RGB가 있음.
RGB는 각 색깔을 적절히 섞어서
원본 이미지 색깔을 구현하는 것이라 설명했는데
이와 비슷한게 하나 또 있음.
YCbCr 이라는 '색공간' 표현임.
공간 표현. 즉 입체적인 구조를 의미하는데
사진에서 입체적 구조 = 영상임.
영상 매체에 이 표현이 자주 사용됨.
여기서 Y는 휘도 (빛의 밝기)
Cb는 초록색 기준 파란색의 정도
Cr은 초록색 기준 빨간색의 정도
아까 2 x 2 크기로 묶어서
하나의 색으로 표현한다는 걸
이 Cb / Cr 영역에 적용시키는 것임.
이렇게 되면
오른쪽 칸 기준 4 x 4 x 3byte 용량이
2 x 2 x 3byte 로 줄어들게 됨.
즉 3MB 였던 사진이 1.5MB로 줄어듦.
YCbCr 압축 적용한 사진인데
첫 사진과 차이 느껴짐?
차이는 없는데 용량이 줄어드는 매-직.
근데 1.5MB도 너무 큰 것 같음.
이걸 어떻게 더 줄일 수 있는 방법 없을까?
라고 욕심 많은 인간들이 생각을 하게 되었고
마침내 그 방법을 떠올리게 되었으니
바로 이 DCT 압축을 사용하는 것.
굉장히 똑똑한 사람들이 말하길
모든 픽셀에는 패턴이 존재한다 했음.
그리고 그 모든 패턴들은
이 패턴을 사용해서 만들어낼 수 있단다 하고
정리를 해놓은게 바로 DCT 압축 표임.
어렵게 생각할 거 없음.
결국은 이미지를 패턴화 시키는 방법으로
압축하여 용량을 확 줄이는 과정임.
이 DCT 과정을 거치면 이미지는
이렇게 바뀜.
이제는 차이가 확 보임?
물론 이미지는 겁나게 흐려졌지만
호랑이라는 메시지는 명확히 전달이 가능하고
무엇보다 용량이 130KB 정도 수준으로 확 줄어듦.
이 모든 과정을 거쳐서
이미지를 저장하는 포맷이
JPEG 포맷임.
그 과정이 N번 반복되면
사진이 이 꼴이 되버리는 거.
그러니 이미지 깔끔히 저장하고 싶다면
가급적 PNG 또는 WEBP를 사용하자.
- 끗 -
첫댓글 Png webp 기억 완.
우ㅜ와 대박 흥미돋 !!!!!
신기하다.....
아 미친 여태 이미지 데이터 다 jpeg로 저장했는데!!!
어랴워요 ㅠ
근데 중간에 여시가 호랑이 사진 위에꺼랑 밑에꺼랑 순서 바꿔서 올린거 아녀 ..? 용량 작아졌다고 한게 훨씬 선명한뎅
똑똑이 여시!! 앞으론 png 애용해야겠다
우와
와 진짜 천재만재여시!!!!!!!!! 신기햌ㅋㅋㅋㅋㅋㅋㅋㅋ
우와 흥미돋 글쓴 여시 고마워!!! 물론 이해는 완벽하게 못했는데 대충 알았어!!!
오 흥미돋
ㅋㅋㅋㅋㅋ오 이래서 그랬던거였어
홀래랭...흥미돋
와 신기해 여샤 잘봤어
와 진짜 흥미돋 유익하다 고마워
유익하다 전부터 궁금했었는데!
인기 많은 교수님 같아 설명이
너무 재밌어서요
재수강하겠습니다
허걱 흥미돋
와 똑똑해
헐그렇구나 진짜 유익하다
어쩜 이렇게 설명을 잘하지
PNG WEBP 기억할게!!
와 스크랩글이 아니구나 png는 픽셀정보 전부 보존돼서 저장돼?
와우 신기해
와 흥미돋이다...
오ㅓ 개신기해
와… 처음 알았어 어쩐지 다운받거나 캡쳐한 이미지를 jpeg로 저장하면 화질이 좀 안 좋아지는 것 같아서 png로 저장했었는데!!!
와...신기해
너무 흥미로와요
png 확장자 이름 좀 못생겨서 싫어했는데 더 좋은거였군
대박 유용 신기하다!!!!!!!! 재밌어
헐 개흥미돋 고마워
와 고마워… 신기하다
우와 ㅋㅋㅋㅋ
와 신기하다
가려웠던 곳 긁은 기분이야
우와..,,, 그렇구나!!
와 이글 읽으니까 똑똑해지는 기분..
와,, 왜 보통 뭐 제출할 때 이미지 파일 png로 업로드하라는지 이제 알겟다
금더 이거 글쓴이 클릭이 안되네 신기해
PNG.. WEBP?...