JPG vs. PNG vs. GIF: 이미지 파일 형식 간의 차이

셰익스피어가 로미오와 줄리엣에서 말했듯이 다른 이름의 장미도 똑같이 향기롭지만, 그 장미의 사진을 찍고 고압축 JPEG로 저장하면 이미지 품질이 저하될 수 있습니다. 하지만 PNG, TIFF, GIF, SVG 또는 HEIC나 WebP와 같은 새로운 형식을 사용할 수 있는 옵션이 있으므로 문제는 없습니다. 이러한 형식 중 일부는 카푸렛 가족 뉴스레터에 잘 어울릴 것이고, 다른 형식은 로미오의 블로그에 더 잘 맞을 수 있으므로 이러한 파일 형식을 해독하는 것은 매우 유용할 수 있습니다.

손실 압축 vs. 무손실 압축

모든 이미지 형식은 “손실” 또는 “무손실”로 분류될 수 있으며, 이러한 용어는 대부분 스스로 설명합니다. 손실 압축은 파일에 대한 정보를 영구적으로 삭제하여 파일 크기를 줄이지만 품질이 저하됩니다. 무손실 압축은 데이터를 재배치하여 공간을 덜 차지하게 하지만 파일에 손상 없이 압축 및 압축 해제(또는 압축 해제!)할 수 있습니다.

래스터 vs. 벡터

“이미지 형식”이라고 생각할 때, 아마도 래스터를 생각하고 있을 것입니다. 그것은 밥 말리와는 아무 관련이 없으며, 파일이 본질적으로 그림을 만드는 색상 픽셀의 그리드라는 것을 의미합니다. JPG, PNG, GIF, TIFF 및 대부분의 다른 사진 파일은 래스터입니다. 이들은 픽셀의 색상만을 가지고 있으므로 확대하거나 늘리면 일반적으로 더 픽셀화된 이미지가 생성됩니다.

그러나 벡터는 영원히 확장되도록 설계되었습니다. SWF, EPS 및 PDF 파일은 이미지를 픽셀이 아닌 점과 선으로 렌더링할 수 있는 수학 방정식으로 저장합니다. 이미지는 필요에 따라 크게 또는 작게 만들 수 있으며 품질 저하 없이 사용할 수 있지만, 이러한 확장자는 래스터 이미지만큼 일반적이지 않습니다.

합동 사진 전문가 그룹 (JPEG) – 손실 래스터

JPEG 파일은 이를 만든 그룹의 이름을 따서 명명되었으며, 거의 보편적인 호환성과 작은 크기로 인해 웹 이미지 세계를 지배하고 있습니다. 당신의 눈은 아마도 약간 압축된 JPEG와 더 높은 품질의 이미지를 몇 초 동안 주의 깊게 살펴보지 않고는 구별할 수 없을 것이며, 빠르게 로드되므로 대부분의 웹에 충분합니다.

JPEG-2000은 원본보다 몇 가지 개선 사항이 있는 업데이트된 버전이지만, 실제로는 널리 사용되지 않으므로 이 형식을 많이 보지 못할 것입니다.

좋은 점: 웹에 사진 올리기, 작은 이미지 크기 저장 및 전송, 일반적인 사용, 사진 인쇄.

휴대용 네트워크 그래픽 (PNG) – 무손실 래스터

이 형식은 특히 투명한 배경이 필요한 고품질 웹 그래픽의 표준이 되었습니다. PNG는 원래 GIF 대안으로 설계되었지만 훨씬 더 많은 색상을 지원하고 투명도 설정에 대해 더 유연합니다. 파일 크기는 일반적으로 GIF나 JPEG보다 크지만, PNG는 품질을 더 잘 유지하고 더 유연합니다.

일부 프로그램에서는 PNG-8 및 PNG-24를 접할 수도 있습니다. 이들은 여전히 일반 PNG로 내보내지지만, PNG-8은 256색만 지원하며 부분 투명도를 허용하지 않아 더 많은 기능을 가진 PNG-24보다 더 작은 파일 크기를 제공합니다.

좋은 점: 웹 그래픽, 크기가 문제가 되지 않는 고품질 사진, 투명도.

그래픽 교환 형식 (GIF) – 무손실 래스터

PNG의 전신인 GIF 형식은 이제 소셜 미디어에서 멈출 수 없는 짧은 비디오 루프를 가능하게 하는 것으로 가장 유명합니다. “ g if” 또는 “ j if”로 발음할지에 대한 논쟁은 꽤 뜨겁지만, 양쪽 모두를 화나게 하고 싶다면 “jeff”라고 발음해 보세요.

GIF는 256색만 지원하므로 고품질 사진에는 적합하지 않지만, 압축이 우수하여 간단한 이미지를 크게 품질 저하 없이 축소할 수 있습니다. 픽셀도 투명하게 만들 수 있지만, 반드시 켜거나 꺼져 있어야 하며, 중간 상태는 허용되지 않습니다.

좋은 점: 간단한 그래픽, 애니메이션, 아이콘.

태그 이미지 파일 형식 (TIFF) – 무손실 래스터

당신이 개인적으로 TIFF를 접해보지 않았더라도, 사진에 관심이 있거나 인쇄 매체와 많이 작업한다면 출판사들이 자주 선호하는 크고 고품질 형식으로 인식할 수 있습니다. 또한, 발음에 대한 논쟁은 없습니다.

좋은 점: 고품질 사진 인쇄, 고품질 이미지 스캔, 크기가 문제가 되지 않는 모든 것.

확장 가능한 벡터 그래픽 (SVG) – 벡터

인터넷에서 이미지를 저장하려고 시도했지만 대신 “웹페이지로 저장” 옵션이 나타났다면 SVG를 보았을 것입니다. 이것들은 아마도 가장 널리 지원되는 벡터 그래픽이며, 낮은 파일 크기에서 좋은 품질과 확장성을 유지하는 능력 덕분에 로고, 사이트 그래픽 및 벡터가 유용한 다른 모든 곳에서 인기가 있습니다.

좋은 점: 비즈니스 그래픽, 확장 가능한 그래픽, 로고.

새로운 형식

아직 이러한 형식을 실제로 보지 못했을 수도 있지만, 현재의 표준에 비해 몇 가지 장점을 제공합니다.

고효율 이미지 형식

HEIF는 본질적으로 JPEG이지만 더 높은 품질과 더 작은 파일 크기를 가지고 있습니다. 이는 이제 iOS 11 이상에서 기본 사진 형식입니다.

WebP

WebP는 구글의 형식으로, 거의 모든 것을 수행합니다: JPEG보다 더 나은 압축, GIF보다 더 나은 애니메이션, PNG와 동등한 투명성. 여러 브라우저에서 지원되며, 현재 YouTube, Facebook 및 몇몇 다른 사이트에서 지원되는 브라우저를 통해 방문할 경우 사용되고 있습니다.

왜 이렇게 많은 형식이 있을까요?

모든 것을 지배할 단일 형식이 존재할 가능성은 낮습니다. 서로 다른 분야는 서로 다른 이미지 요구 사항을 가지고 있기 때문입니다. 일반 인터넷 브라우저는 JPEG와 PNG(그리고 아마도 미래의 WebP 및 HEIC) 이상으로 생각할 필요가 없지만, 비즈니스 및 출판 응용 프로그램에서는 TIFF 및 SVG와 같은 옵션이 있으면 삶이 더 쉬워집니다.

그리고, 아직 하지 않았다면, 형식이 사라지기 전에 GIF 논쟁에서 어느 쪽을 선택할지 고민해 보아야 합니다. 역사에 참여하세요.

이미지 출처: JPEG, JPEG 2000, JPEG XR 및 HEIF 비교, Google Developers, W3C.org, It’s Easy Neon Animated Gif, JPEG JFIF 및 2000 비교, JPEG 압축 예시