Computer Science

PNG와 JPEG의 차이점

TDCIAN 2023. 5. 3. 09:23

클릭하시면 원본 링크로 넘어갑니다!

 

 

PNG(Portable Network Graphics)

PNG(Portable Network Graphics) 파일은 래스터 이미지 파일의 일종입니다. 투명 또는 반투명 배경의 그래픽을 처리할 수 있어 웹 디자이너에게 특히 인기 있는 파일 유형입니다. 이 파일 포맷은 특허가 없으므로 라이선스 없이도 이미지 편집 소프트웨어를 사용하여 파일을 열 수 있습니다.

 

PNG 파일의 장단점

PNG 파일의 장점

- PNG 파일은 수백 개가 아닌 수백만 개의 색상 옵션을 처리하므로 GIF보다 훨씬 더 디테일한 이미지를 저장할 수 있습니다.

- PNG는 개방형 포맷입니다. 라이선스 없이도 다양한 프로그램에서 열고 편집할 수 있습니다.

- PNG 이미지는 압축해도 데이터가 손실되지 않으며, 저장과 전송이 매우 간단합니다. 이는 압축 과정에서 일부 정보가 사라지는 손실 압축 포맷(예: JPEG 파일)과 비교할 때 큰 장점이 될 수 있습니다.

 

PNG 파일의 단점

- PNG 파일은 압축 시 모든 원본 데이터를 유지하므로 GIF 또는 JPEG보다 파일 크기가 훨씬 큽니다. 따라서 컴퓨터의 하드 드라이브에서 공간을 많이 차지합니다.

- PNG는 처음부터 웹을 염두에 두고 설계되었기 때문에 CMYK(Cyan, Magenta, Yellow, Black) 색상 모드를 지원하지 않습니다. 따라서 인쇄용으로 전송하기가 어려울 수 있습니다.

- 압축된 PNG에는 고품질의 디테일한 이미지 데이터가 포함되어 있지만, 파일 크기가 클수록 페이지 로드 시간과 응답 속도가 느려집니다.

 

 

JPEG(Joint Photographic Experts Group)

JPEG(Joint Photographic Experts Group) 파일은 디지털 사진을 저장하는 가장 일반적인 형식입니다. 실제로 많은 최신 카메라들이 이미지 촬영 및 저장에 JPEG 파일 포맷을 사용합니다. JPEG는 압축을 통해 이미지 파일 크기를 줄여서 저장하고, 웹 페이지에 쉽게 업로드할 수 있게 합니다. JPEG 이미지는 최대 1,680만 개의 색상을 담아낼 수 있습니다.

 

다음과 같은 파일 확장자는 모두 JPEG 이미지에 해당합니다.

- .jpg

- .jpeg

- .jpe

- .jif

- .jfif

- .jfi

 

JPEG파일의 장단점

JPEG 파일의 장점

- JPEG 파일은 대부분의 브라우저, 소프트웨어, 앱과 호환되는 가장 보편적인 이미지 파일 포맷입니다.

- 파일 크기가 작아서 빠르게 전송하고 액세스할 수 있습니다. JPEG는 사람의 눈으로 볼 수 없는 모든 색상을 지능적으로 제거하여 파일 크기를 최대한 작게 유지합니다. GIF와 같은 무손실 포맷에 비해 파일 크기가 훨씬 작습니다.

- JPEG의 화이트 밸런스와 채도는 셔터 클릭으로 설정되기 때문에 후처리 작업이 간단합니다.

 

JPEG 파일의 단점

- 손실 압축은 공간을 절약할 수 있지만 압축률이 매우 높은 이미지를 처리할 때 품질이 저하됩니다. 가장자리와 선이 뚜렷한 이미지는 압축 시 선명도가 약간 손실됩니다.

- 너무 많은 데이터가 손실되면 색상 간 전환이 부드럽지 않아 이미지가 부자연스럽게 보이는 '포스터화' 현상이 발생할 수 있습니다. 또한 이미지 품질에 심각한 영향을 줄 수 있는 '결함'(가장자리의 앨리어싱, 블루밍, 노이즈)이 나타날 수 있습니다. 이 같은 현상을 방지하기 위해 사진작가는 사진을 RAW 포맷으로 저장합니다.

 

 

JPEG 파일과 PNG 파일의 차이점

JPEG와 PNG는 보편적으로 사용되며 유사한 점도 있지만 차이점도 많습니다. 무엇보다 압축 프로세스가 다르며, JPEG는 포함하는 데이터 양이 PNG보다 적어 파일 크기가 작습니다. 반면, PNG는 투명 배경을 지원하기 때문에 그래픽 디자인에 더 적합합니다.

 

무손실 압축 vs. 손실 압축

JPEG와 PNG 중 무엇을 선택할지 고민된다면 먼저, 각 파일 유형의 압축 방식을 고려하는 것이 좋습니다.

 

JPEG는 세부 정보가 많고 색상이 풍부한 고품질 디지털 사진을 효율적으로 저장하도록 설계되었습니다. 온라인에서 간편하게 공유하고 업로드하도록 대용량 이미지를 작은 파일 크기로 압축합니다. 

하지만 JPEG는 손실 압축 방식을 사용하므로 파일이 압축될 때 이미지의 일부 데이터가 영구적으로 삭제됩니다. 파일을 편집하고 저장할 때마다 더 많은 데이터가 손실되기 때문에 시간이 지나면 파일의 품질이 더욱 저하됩니다. 이 때문에 일부 전문 포토그래퍼는 비압축 RAW 파일을 사용합니다.

 

이와 달리, PNG 파일은 무손실 압축 방식을 사용하므로 이미지가 압축될 때 손실되는 데이터가 없습니다. 아무리 파일을 편집하고 저장해도 이미지 품질이 유지되고 이미지가 흐려지거나 왜곡되지 않으므로, 선명한 로고나 수치가 많이 포함되는 그래프에 적합합니다.

 

파일 크기

JPEG는 손실 압축 방식을 사용하므로 품질이 저하될 수 있지만, 대용량 이미지를 관리하기 쉬운 파일 크기로 만들 수 있습니다. 디스크 저장 공간이 제한적일 경우 유용하며, 로딩 시간이 단축된다는 것도 장점입니다.

 

PNG는 무손실 압축 방식으로 더 많은 정보를 담고 있기 때문에 파일 크기가 큽니다. JPEG, GIF보다 용량이 크기 때문에 저장 공간이 추가로 필요할 뿐만 아니라 웹 페이지의 반응 속도도 느려집니다.

 

투명도

JPEG와 PNG의 가장 큰 차이점은 이미지의 투명도 조정 가능 여부입니다.

 

JPEG는 투명한 배경을 지원하지 않기 때문에 로고나 텍스트 중심의 그래픽은 적합하지 않습니다.

또한, JPEG 이미지는 배경 색상이 다른 웹 페이지와 자연스럽게 조화를 이루기 어렵습니다.

 

이와 달리 PNG 파일은 투명도를 지원합니다. 투명한 배경을 이미지에 적용할 수 있고, 투명도 수준도 조절할 수 있습니다. 그렇기 때문에 다양한 배경색과 PNG 이미지를 잘 어우러지게 할 수 있고, 텍스트도 쉽게 읽힙니다.

 

디지털 사진 vs. 웹 그래픽

JPEG는 포토그래퍼와 대용량 이미지 라이브러리를 관리하는 기업이 주로 사용하는 포맷입니다. 파일 크기가 작기 때문에 여러 장의 디지털 사진을 동시에 공유하고 다운로드할 수 있습니다. 저장 공간을 효율적으로 사용할 수 있으므로, 이미지 라이브러리의 관리가 상대적으로 간소화되고 파일 로딩 시간도 길지 않습니다.

 

JPEG가 널리 사용되는 이유는 다양한 운영 체제와 프로그램에서 보고 편집할 수 있으며, 전문 소프트웨어를 사용하지 않아도 되기 때문입니다.

 

이와 달리 PNG는 고품질 사진 저장용이 아닌, 세부 정보가 많은 고대비 웹 그래픽용으로 개발되었습니다. 데스크탑에 표시되는 이미지를 매우 정확히 재현하여 픽셀을 압축하지 않기 때문에 스크린샷 이미지의 기본 포맷으로 사용됩니다. 다양한 색상 팔레트와 무손실 압축 방식을 사용해 풍부한 세부 정보가 그대로 유지된다는 점 때문에 일러스트레이션과 도표 제작에 주로 사용됩니다.

 

또한, PNG는 투명 이미지를 처리할 수 있기 때문에 로고를 디자인할 때 JPEG보다 훨씬 유리합니다. 예를 들어 투명 배경으로 회사 로고를 만들어 다른 이미지나 웹 페이지 위에 얹을 수 있습니다.

 

JPEG와 마찬가지로 PNG는 다양한 프로그램과 웹 브라우저에서 열 수 있습니다. GIF 포맷의 업그레이드 버전으로 설계된 PNG는 특허가 없으므로 누구나 사용할 수 있으며, 선택 가능한 색상 범위도 훨씬 넓습니다.

 

 

 

출처

- https://www.adobe.com/kr/creativecloud/file-types/image/raster/png-file.html

 

PNG 파일 알아보기 | Adobe

PNG 이미지 파일은 온라인 그래픽과 로고를 만드는 데 널리 사용됩니다. PNG 파일의 역사, 잠재적 장단점, 편집 방법에 대해 자세히 알아봅니다.

www.adobe.com

 

- https://www.adobe.com/kr/creativecloud/file-types/image/raster/jpeg-file.html

 

JPEG 파일 알아보기 | Adobe

최신 웹 및 게시 이미지의 필수적인 포맷인 JPEG 파일에 대해 자세히 알아봅니다.

www.adobe.com

 

- https://www.adobe.com/kr/creativecloud/file-types/image/comparison/jpeg-vs-png.html

 

JPEG vs. PNG | Adobe

JPEG와 PNG는 가장 널리 사용되는 이미지 파일 포맷입니다. 두 파일의 주요 특징, 차이점, 용도를 살펴봅니다.

www.adobe.com