PNG 감마 보정의 슬픈 이야기
[예전 블로그 글입니다 2008.11.07]
제목은 제가 지어낸 게 아니고요, 아래 원문의 제목입니다.
The Sad Stroy of PNG Gamma “Correction”http://http://hsivonen.iki.fi/png-gamma/
영어가 되시면 원문을 읽으시면 좋구요, 저는 가볍게 요약해보려구요.
PNG 파일에는 감마가 보관된다
PNG 파일에는 PNG 파일을 작성한 컴퓨터의 감마값이 보관된답니다. 여기서 감마는 픽셀의 RGB값을 모니터의 물리적인 신호로 바꿀때 영향을 미치는 값인데, PC와 Mac은 이 값이 다릅니다. 그래서, 같은 RGB값이더라도 Mac에서 더 밝게 보인답니다. 아래 사이트에서 비교 사진을 보실 수 있어요
Windows vs Mac monitor Gammahttp://creativebits.org/2004/07/windows-vs-mac-monitor-gamma.html
Mac과 PC에서 똑같이 보이게 하기
그래서 Mac과 PC에서 똑같이 보이게 하려고 PNG를 생성한 컴퓨터의 감마값을 넣는답니다. 요즘의 브라우저들은 PNG 파일을 보여줄 때 이 감마값으로 RGB 값을 보정해서, Mac과 PC에서 똑같이 보이게 합니다. 그런데, 여기서 문제가 생깁니다!
보정된 RGB, 보정되지 않은 RGB
PNG 파일은 감마값에 의해 보정이 되지만, CSS에 넣어준 RGB 색상은 보정이 되지 않아요. 그래서 맥에서 웹을 디자인하고 PC에서 보면 어이없는 경우가 생깁니다. 저도 이런 일을 당하고 정보를 찾아보게 되었지요 T_T JPG나 GIF라면 일어나지 않는 일입니다.
감마 정보 삭제하기
원문에서는 2가지 해결책을 제시하는데, 잘 기억은 안나고요 -_-;; 제가 선택한 건 첫번째 방법! PNG 파일에서 감마 정보를 삭제하는 방법입니다. 일부 옛날 브라우저에서는 안먹힌다지만 저에겐 별로 안소중하니까요. ㅎㅎ
pngcrush -rem gAMA -rem cHRM -rem iCCP -rem sRGB infile.png outfile.png
pngcrush를 쓰면 됩니다. 리눅스 환경이라면 손쉽게 구하실 수 있고, Cygwin이나 MacPort로도 쉽게 설치할 수 있습니다. 기본적으로 PNG 파일의 용량을 줄여주기도 하니까 일석이조입니다. 꿩먹고 알먹기.
이 블로그도 투명한 PNG를 엄청 써서 IE 6에서는 참 조잡하게 보이네요. 그래도 이 글 참조하셔서 알찬 PNG 생활하세요~~
형 먼가 블로그가 이상한데요. -_-;
승철
14 Nov 08 at 5:37 am
그렇구나.. 조금 더 지켜보자 -_-;;
muscly
14 Nov 08 at 5:44 am
폰트 좀 바꿔다오….
문기은
14 Nov 08 at 8:14 am
지속적인 관심 감사드려요~ T_T
맑은 고딕과 나눔 고딕 넣어 봤습니다~ ㅎㅎ
muscly
14 Nov 08 at 8:58 am
오빠 나 샷건 총알 50개 주웠어.^^
오꾸상
15 Nov 08 at 3:56 pm
얼른 왕깨서 스페셜 난이도도 가보자~~
muscly
15 Nov 08 at 5:59 pm
오셨군요~~
ㅎㅎ실력이 안되니 몸과 마음이 고생이네요 -_-;;
muscly
17 Nov 08 at 9:52 am
오호 재미있는 형식이네.^^
히댕
17 Nov 08 at 9:52 am