이미지 파일의 종류 (PNG , JPG, JPEG)

PNG, JPEG등의 여러가지 Image Asset들을 생각없이 다루었는데 무슨 차이일까 갑자기 궁금해졌다. 단순히 풍경, 인물등 사진에 관한건 JPEG가 많고, 버튼이나 폰트 등의 UI 에셋들에는 PNG가 많다고만 생각하고있었다.

일단 JPG와 PNG 모두 범용적으로 많이 쓰이는 디지털 이미지 규격중 하나이다. 아 그리고 JPG == JPEG 이다.

PNG

웹 환경에서 최상의 비트맵 이미지를 구현하기 위해 W3C에서 제정한 파일 포맷이다. GIF의 대안으로 개발되었으며, GIF보다 작은 용량으로도 이미지 표현이 가능하고 원본 이미지에 손상을 전혀 주지 않는 압축과 알파 채널을 지원한다. 

JPG(JPEG)

JPEG위원회에 의해 개발되었다. 풀 컬러와 그레이 스케일의 압축을 위하여 고안되었고, 사진이나 예술분야의 작업에서 장점을 드러낸다. GIF와 더불어 웹에서 자주 사용되며 GIF에 비해 데이터의 압축 효율이 더 좋다.  

 

차이점

압축 방식의 차이

• PNG는 비손실압축 방식이라 원본이 훼손되지 않는다. (압축 후 확대해도 화질이 깨지지 않는다. 따라서 폰트 등에 자주 사용된다)
• JPG는 DCT(discrete cosine transform, 이산 코사인 변환)을 적용하여 데이터를 줄이기 위해 양자화를 한다. 즉, 색상을 단순화 시켜 데이터를 손실시키는 방식으로 압축을 한다. 따라서 용량을 줄이면 화질도 그에 비례해서 떨어지게된다.

왼쪽은 JPG, 오른쪽은 PNG

기능의 차이점 (알파 채널)

• PNG는 알파채널을 지원한다. 알파채널은 RGB 3개의 채널 외에 편집용 정보를 취급하는 보조채널을 뜻한다. (이미지 편집 툴에서 지우개로 삭제했을때 나타나는 바둑판무늬)
• PNG는 이러한 알파채널을 통해서 누끼를 따서 다른 이미지에 합성을 하는 등의 활용을 할 수 있다.