이번에 홈페이지 작업하면서 PNG 포맷에 대해서 조금 알게되었습니다. PNG의 가장 큰 장점은 반투명을 지원하는 것입니다. GIF의 경우 투명이냐 아니냐만 표현할 수 있지만 PNG는 알파 값에 따라 투명의 정도가 표현됩니다. 또한 PNG는 무손실 압축이기 때문에 JPEG과 달리 잡티(열화)가 없습니다. 게다가 압축률도 좋아서 동일한 조건에서 다른 포맷보다 파일 크기가 작습니다.

그래서 이번 홈페이지를 개발할 때에는 PNG 파일을 이용해서 작업을 진행했습니다. 그런데 작업이 진행되어 감에 따라 몇가지 문제가 발생했습니다.

우선 IE 6에서는 투명을 처리하지 못합니다. IE 6에서 투명 픽셀이 회색으로 표현됩니다. 그리고 IE는 다른 브라우저(파이어폭스, 크롬)와 달리 PNG 파일에서 색상 차이가 났습니다. 이는 IE가 PNG의 감마값을 제대로 처리하지 못해서 생기는 문제라고 합니다.

IE 6 투명 문제는 작업 전에도 알고 있었기 때문에 어느 정도 각오를 했었지만 색상 차이 문제는 저도 처음 알았습니다. 결국 IE를 지원하기 위해서 몇몇 PNG 파일을 JPEG 파일로 교체해야 했습니다. 중간중간 IE 핵도 섰구요…

IE의 점유율이 매우 높이 현재의 시장 상황에서 IE를 지원해야하는 웹 서비스에의 경우 PNG로 구현하는 것은 무리가 있습니다. GIF를 어느 정도 대체할 수 있는 있겠지만 256색 이상 필요한 이미지는 JPEG로 갈 수 밖에 없을 듯 합니다. 그런데 웹 서비스의 경우 우선은 성능보다 개발 생산성이 더 중요한 경우가 많기 때문에 그냥 전부 대부분 JPEG로 구현하는 것이 현실적이라고 생각합니다.

결국 PNG는 아직까지 그림의 떡일 수 밖에 없네요…