[디자인] 이미지 타입 알아보기 JPG, PNG, GIF

[디자인] 이미지 타입 알아보기

당신이 어떤 작업을 한다고 하면 이미지는 필수적으로 사용하게 될것이다.

포토샵에서 파일 저장을 하는 방식으로만 봐도 엄청나게 많다

 

포토샵 저장 방식

그 중에서 많이 사용하는 3가지 이미지 타입인 JPG(JPEG), PNG, GIF에 대해서 알아보려한다.

 

1.JPG(JPEG)

JPEG

(Joint Photographic Experts Group)은 사진 이미지를 위해 개발된 형식으로 손실 압축 기법을 사용한다. JPEG로 압축된 파일은 JFIF(JPEG File Interchange Format)로 저장되는데, 이의 확장자로 JPG 또는 JPEG를 사용한다. 손실 압축으로 압축률을 높일 경우 이미지의 상태가 떨어지는 단점이 있다. 그러나 일반 그래픽 프로그램에서 저장 형식에 있어서 다양해 가장 많이 사용되는 형식이다. 일반적으로 이미지 퀄리티를 그렇게 많이 손상시키지는 않지만 여러번 편집하고 저장할 경우 점점 퀄리티가 떨어지는 문제가 있다. (JPEG에도 무손실 압축 표준이 있지만 그리 많이 사용되지 않는다.)

-위키 백과

위의 글 처럼 JPG는 이미지를 압축하여 저장할 때 사용하며, 가장 많이 사용하는 저장 방식중에 하나이다.

원본에서 처음 jpg로 저장을 할때는 괜찮지만 여러번 편집하고 저장을 할 경우 퀄리티가 점점 낮아진다.

 

그래서 작업할때는 큰 사이즈의 원본 파일이 있는것이 매우 중요하다!!

(이미지를 구할 때는 큰 사이즈의 이미지를 구하세요)

 

예시) 픽사베이나 언스플래쉬등에서 이미지를 다운로드 할 때 사이즈 큰것으로 다운 받는다.

가장 큰 이미지로 다운 받으면된다. 

 

이미지 작업할 때 큰이미지에서 작은 이미지로 압축은 가능하지만

작은 이미지에서 큰이미지로 변경할때 엄청난 손상이 일어난다.

(비트맵 한정 백터이미지는 손상이 없어요)

 

따라서 큰 이미지로 다운로드 한다.

 

[기타 자료] - [LINK] 무료이미지 사이트

[LINK] 무료이미지 사이트

 

2.PNG

PNG

PNG는 GIF를 대체하기 위해 만들어진 자유, 오픈소스 파일 포맷이다. PNG파일은 8비트(투명도 옵션이 존재), 24비트 트루컬러(1600만 색), 알파 채널이 옵션인 48비트 트루컬러를 지원한다. GIF 포맷은 256색과 단일 투명색만을 지원한다.
JPEG와 비교해서 PNG는 이미지안에 비슷한 색이 넓게 사용될 때 유리하다. JPEG가 용량이 더 작아서 최종 배포에 많이 사용되긴 하지만 PNG는 무손실 압축 덕분에 편집 과정에서 쓰이기에 적합한 포맷이다.
PNG는 GIF의 특허가 안걸려있는 대체품으로 배포된다(GIF 자체는 이제 특허가 없긴 하지만). 또한 TIFF 포맷도 많은 부분에서 대체할 수 있다. 색상 인덱스, 그레이 스케일, 트루컬러 이미지가 지원되고, 알파 채널까지 옵션으로 제공한다. Adam 7 인터레이싱을 통해서 이미지의 일부만 전송되어도 미리보기를 지원한다. PNG는 여러 플랫폼에서 색상을 동일하게 제공하기 위해 감마와 색상 데이터를 제공한다.
PNG의 애니메이션 포맷으로 MNG와 APNG가 있다. APNG는 모질라 파이어폭스와 오페라 소프트웨어에서 지원되고 PNG와 상위호환된다.

-위키 백과

PNG의 가장중요한 특징은 투명도 옵션이 있다는 것이다.

 

따라서 주변과 어울릴만한 이미지를 만들거나 목업의 형태를 만들때 등등 여러방면에서 사용한다.

투명한 배경을 원한다면 png파일을 사용하면된다. 

(※jpg는 투명배경을 지원하지 않는다.)

 

 

 

 

픽사베이 PNG

 

 

3. GIF

GIF

GIF는 미국의 컴퓨서브사가 개발한 온라인 전송을 위해 만든 그래픽 포맷으로, 색상의 무손실 압축 기술을 사용한다. 보통 8비트 256색만 지원한다.(기술적으로는 24비트 색심도도 가능하다) LZW 압축 알고리즘을 사용하는데, 넓은 영역에서 한 색을 사용할 경우 압축률이 높아지기 때문에 간단한 도형, 로고, 만화 그림처럼 색이 별로 필요 없는 이미지를 저장하는데 적합하다. 사진 등에는 적합하지 않다. 또한 애니메이션 효과를 내는데도 널리 쓰이는데, 최근 비디오 포맷만큼 압축률이 좋지는 않다.

-위키 백과

GIF는 움직이는 이미지라고 생각하면된다.

 

이모티콘, 움짤 등은 주로 GIF로 만든다

 

프레임이 나눠져 있으며, 이를 이용하여 다양한 연출을 할 수 있다.

 

오구 캐릭터 GIF

마치며

이 외에도 다양한 형식의 확장자가 있다

그래도 위의 3개 jpg, png, gif를 제일 많이 사용하니

이런게 있으니 한번 알아놓는것도 좋다

 

다음에는 백터와 비트맵형식의 이미지에 대해서 알아보려 한다.