스크랩 GIF, JPG, PNG파일에 대해서...

[송재섭]

GIF, JPG, PNG파일에 대해서...

*******GIF**************

너무나도 대표적이고 가장 기본적인 웹그래픽 파일이다. 웹 디자인을 시작한 분이라면 신물이 날 정도로 기본 과정에서 들었던 이야기 일 것. 그만큼 많이 사용하고 가장 일반적인 것이기 때문이다. GIF는 기본적으로 256color이하로 표현되는 그래픽 파일 포맷입니다. 보통 8bit그래픽이라 할 수 있다. 그림으로 표현하는 픽셀들의 컬러가 최대 256컬러로만 표현 되기 때문에 정밀한 사짐보다는 그림이나 일러스트에 사용하는 것이 적당하다. 또 GIF는 이미지가 뜨는 과정을 점진적으로 보여주는interlaced 기능이 있기 때문에, 이미지를 다 내려받기 전에 대략적인 형태를 미리 파악할 수 있는 옵션을 이용할 수 있다. 이렇게 하려면 표토샵 저장시 interlaced를 체크하면 된다. 그리고 바탕을 투명하게 할 수도 있다. 투명하게 하고자 하는 컬러를 지정해 주면 브라우저에서는 그 칼라가 투명하게 보인다. 이 방법을 포토샵에서 사용할 경우에는 export==>GIF89 export를 선택한 후에 원하는 색상을 찍으면 된다. 포토샵6.0버전 이후에서는 바탕레이어를 투명 레이어로 사용한 후에 바로 index컬러로 바꾸어 저장하면 된다.(transparency check) GIF는 GIF87a와 GIF89a 두 가지 버전니 있으며, GIF89a는 투명화와 interlaced, 애니메이션을 지원하고, GIF87a는 투명화와 interlaced 두 가지만 지원한다. 그리고 여러 개의 GIF를 조합하면 움직이는 GIF animation도 만들 수 있다.

정리하면

- 8bit이하, 256컬러 이하의 해상도이다.

- interlaced 옵션을 사용하면 이미지를 점진적으로 보여줄 수 있다.

- 원하는 컬러를 투명하게 할 수 있다.

- 사진보다는 일러스트나 일반 그림에 사용하는 것이 적당하다.

- 움직이는 animation을 만들 수 있다.

*******JPG**************

JPG를 떠올리면 가장 먼저 생각 나는 것이 "제일 용량이 작은 그래픽 파일 포맷"이다. JPG는 풀 컬러를 지원하고 저장 공간 점유율을 줄이기 위해서 이미지를 압축된 형태로 저장하게 하는 손실 압축기법을 이용하기 때문에 압축률이 높고 파일의 크기도 작지만, 압축을 높이 경우 질이 현저하게 떨어지는 단점이 있기도 하다. 그럼에도 불구하고 인터넷에서 최고의 그래픽 파일로 인정 받고 있습니다. JPG는 GIF와는 달리 256컬러 이상을 지원하기 때문에 사진이나 그라데이션등 세밀한 그래픽을 띄울 때 적당하다. 특히 그라데이션을 표현할 때에는 GIF와는 확실한 차이를 보인다. 그러나 JPG는 GIF처럼 특정한 색을 투명하게 할 수 도, interlaced, animation이 전부 안된다. 단지 높은 압축률에 비하여 화질이 꽤 높다는 장점이 큰 역할을 하고 있다.

*******PNG**************

인터넷에서 이용하기 위해 만들어진 그래픽 포맷으로 차세대 파일 포맷이라고 할 수 있다. 기본적으로 트루 컬러를 지원하고, JPG와는 달리 비손실 압축을 사용하여 이미지 변형 없이 원래의 이미지를 웹상에 그대로 표현 할 수 있다. GIF와 같이 interlaced를 지원하고, JPG와 같이 트루 컬러를 지원하기 때문에 GIF와 JPG의 두 단점을 보완한 통합 파일 포맷이 등장한 것이다. 그러나 PNG가 등장한 지는 그리 오래되지 않았으므로, 최신 웹브라우저에서 이를 이용하는 것은 문제가 없으나 이전 버전의 웹브라우저에서는 지원되지 않을 수 있다. 그러므로 아직은 좀더 자리를 잡아야 하지만,앞으로는 GIF보다 더 많은 사랑을 받을 수 있을 것이다.