PNG JPG 차이, 이미지 파일 종류별 특징 알아보기

PNG JPG 차이, 이미지 파일 종류별 특징 알아보기

홈페이지를 만들거나 블로그를 하면서 이미지를 만들고 저장할 일이 많습니다. 단순히 사진을 수정해서 저장을 하는 경우에도 저장을 할 때 파일형식을 지정해야하죠. 대충 사진은 JPG로 저장하면 된다고 생각을 했는데, 점점 다른 이미지파일 형식에 대해서 알아야겠더라구요.

어디에 어떤 용도로 쓸건지, 어떤 이미지인지에 따라서 이미지 확장자를 달리해서 사용해야겠단 생각에 구체적으로 알아보았습니다. 

컴퓨터가 널리 사용되면서 종이나 사진으로 있던 이미지 역시 디지털화 되어야했습니다. 디지털화 된다는 것은 0과 1 즉, 비트(bit)로 표현을 하는 것인데요, 숫자나 문자는 디지털화가 비교적 쉬웠지만, 그림은 훨씬 어려웠다고합니다. 

 

이미지 데이터와 관련해서는 먼저 비트맵과 벡터방식에 대해서 알아두는 것이 좋습니다. 

 

이미지 저장 형식 : 비트맵 / 벡터

 

1. 비트맵방식 (Bitmap) : 그림을 아주 작은 화소(픽셀)로 분해하고 각 화소의 색상과 위치를 기록해 저장하는 방식. 비트의 지도라는 뜻으로 픽셀을 하나씩 채워가면서 전체를 표현함. 

* 대표형식 :  JPG, PNG, GIF

 

 

2. 벡터방식 : 그림을 구성하고 있는 점이나 직선, 곡선 등의 위치와 기울기 등을 산술적인 데이터로 기록해 저장하는 방식. 기준점에서 수학좌표법으로 그림을 표현하고 저장함. 

벡터방식은 적은 데이터 용량으로 이미지 구현 가능하고 확대해도 선명도 저하가 없는 장점이 있음. 하지만 복잡한 이미지는 표현할 수 없어서 간단한 도형이나 로고 등에 주로 사용함. 

(복잡한 전문가용으로 사용할 경우에는 일러스트레이터 프로그램으로 사용하기도 하며 ai파일 형식으로 저장함. )

* 대표형식 : AI, PDF 

 

따라서 일반적으로 컴퓨터에서 사용되는 디지털 이미지는 비트맵 방식입니다. 

다만 비트맵방식은 용량이 크고 이미지를 확대했을 때 화질이 떨어지면서 계단현상이 나타납니다. 아래 이미지에서 비교해 볼 수 있죠. 

 

출처 : 네이버

 

JPEG의 탄생

초창기에는 비트맵형식으로 BMP, GIF가 많이 쓰였지만, 둘 다 한계가 있었다고 합니다. 

그래서 화질은 높고 용량은 적고 사용도가 높은 이미지 형식을 위해 노력했고, JPEG 라는 위원회가 만들어졌다고합니다. 여기에서 내놓은 것이 바로 JPEG 규격! 

 

*JPEG는 jpeg, jpg, jpe, jfif, jfi, jif 등의 확장자를 갖는 파일로 저장됩니다. 

 

JPEG는 용량을 압축하는 방식으로 데이터를 저장하기때문에 압축과정에서 품질저하가 일어나는 손실압축 방식입니다. 그러나 저장시에 압축률을 조절할 수 있고, 압축률에 따라 용량에도 영향이 있습니다. 

 

압축률이 높아질 수록 노이즈나 선명도 저하가 심해지지만, 용량이 작아지기 때문에 인터넷상에서 JPEG 가 많이 사용됩니다. 하지만 선명한 선이나, 문자가 많이 포함된 이미지를 저장할 때는 JPEG 보다는 GIF나 PNG 등의 비손실 압축규격으로 저장하는 것이 좋다고 합니다. 

+ 추가로, 
디지털카메라도 용량절약을 위해 대부분 JPEG로 저장합니다. 그리고 EXIF 데이터도 함께 저장됩니다. 

*EXFI ( exchangeable image file format : 교환이미지 파일형식) 이미지에 대한 정보를 담고 있는 데이터로 해당 이미지의 '속성 > 자세히' 로 가면 정보 확인 가능. 

 

이미지 파일을 저장할때 선택할 수 있는 파일 형식의 특징을 알아볼께요. 

 

이미지 파일 형식 종류와 특징

 

JPEG 

Joint Photographic Experts Group 

현재 가장 많이 쓰이는 이미지 데이터 형식. 

주요 포맷으로 jpeg, jpg, jpe, jif 등이 있음. 

투명 배경은 지원되지 않음. 

 

 

GIF 

Graphics Interchange Format

그래픽을 압축하여 빠르게 전송하기 위해 개발된 형식. 

이미지 손상이 비교적 적고 용량이 작아서 전송속도가 빠름. 

그래서 여러장의 이미지를 한 파일에 압축해서 애니메이션 효과를 내는데 많이 사용되고 있음. 

 

 

PNG

portable network graphics

보통 핑이라고 발음하며, GIF의 대안으로 개발되었음.

원 이미지에 전혀 손상을 주지 않는 형식으로 용량대비 화질이 더 좋은 특징이 있음. 

투명배경이 지원되어서 아이콘이나 워터마크 등으로 사용할 때 PNG로 저장하면 됨. 

 

 

BMP 

Microsoft Windows Device Independent Bitmap

마이크로 소프트가 개발한 이미지파일 형식으로 윈도우에 최적화 되었지만, 화질대비 용량이 큰 단점이 있음. 

 

 

WEBP 

weppy

웨피라고 발음. 구글이 개발한 손실,비손실 압축 이미지 파일을 위한 포맷. 

인터넷 웹페이지에서 널리 사용되고 있는 JPEG를 대체하기 위해 만들어진 포맷으로 사진 이미지 압축효과가 높다고 함. 

화질저하를 최소화 하면서 파일 크기를 축소하였다고 하지만 아직 WEBP 형식을 지원하지 않는 웹브라우저가 많음. 

 

 

PNG , JPG 어떤걸로 저장할까

이미지 파일은 주로 JPG와 PNG가 많이 사용되는데요, 간단한 이미지의 경우 PNG로 저장하는 것이 용량이 가볍고 깔끔하게 저장된다고 합니다. 

아래를 보면 같은 캡쳐이미지라도 파일 형식에 따라 선명도가 다릅니다. 글자가 더 깔끔해보이는 것은 PNG 인 것을 알 수 있습니다. 

 

PNG Vs JPG

용량도 PNG로 저장한게 더 작습니다. 

png와 jpg파일 파일 크기비교

 

 

하지만 복잡한 이미지의 경우 해상도는 비슷할지라도 용량은 PNG가 훨씬 크다고 합니다. 

 

따라서, 

풍경사진이라든지 인물사진 등의 복잡한 사진은 JPG 파일로 저장하는 것이 좋고, 

그래프, 문자가 많이 들어간 이미지 또는 투명한 배경이 필요한 아이콘 등의 이미지는 PNG로 저장하는 것이 좋다고 합니다. 

 

저같은 아마추어는 이런 컴퓨터개념이 참어려운데요, 그래도 하나씩 공부해나가는 재미가 있는 것 같습니다. 

이미지 저장할때 무조건 JPG로 저장하거나 PNG 하나로만 저장하지말고, 어떤 이미지인지, 어디에 쓸건지에 따라서 저장형식을 달리해보면 좋을 것 같습니다. 

 

댓글

Designed by JB FACTORY