2019년 4월 13일 토요일

# JPEG, PNG, WEBP 이미지 압축 포멧관련 테스트.

흔히 들어본 이미지 압축 포멧은 다음과 같다.

JPEG
Joint Photograph Experts Group의 약자로, 그림 파일 형식의 하나.

정지 화상을 위해서 만들어진 손실 압축, 무손실 압축(JPEG 9.1부터) 방법 표준이다. 이 표준은 ISO와 ITU-T에서 제정하였다.(ISO 10918-1, 한국어 설명)

JPEG를 사용하는 파일 형식들도 보통 JPEG 이미지라 불리며, .jpg, .jpeg, .jpe 등의 확장자를 사용한다.

JPEG 표준은 이미지가 어떻게 연속된 바이트로 바뀌는 지만을 규정한다. 독립 JPEG 그룹(Independent JPEG Group; IJG)에서 만든 JPEG의 확장인 JFIF(JPEG File Interchange Format)는 JPEG 스트림을 저장과 전송에 적합한 형태로 담는 이미지 파일 형식이다. 디지털 카메라의 사진 저장 방식으로는 다른 확장인 EXIF JPEG 형식이 더 자주 사용된다. 일반적으로 JPEG 파일이라고 할 때는 JFIF 형식이거나 EXIF JPEG 형식을 가리키지만, JNG와 같은 JPEG 기반의 다른 파일 형식도 있다.

-- 나무위키 中 ( link : https://namu.wiki/w/JPEG )

PNG
Portable Network Graphics의 약자로 그림 파일형식 중 하나이다.

PNG는 무손실 압축 포맷을 채택하였으며, 256색에 한정되던 GIF의 한계를 극복하여 32비트 트루컬러(알파채널, RGB에 각 8비트 지원)를 표현할 수 있게 되었다. 다만 네이티브 PNG는 GIF에서 제공하던 애니메이션 기능은 제공하지 못한다.

-- 나무위키 中 ( link : https://namu.wiki/w/PNG )

...

구글에서 개발한 이미지 포멧인 WEBP의 경우 아래와 같다.

WebP is a modern image format that provides superior lossless andlossy compression for images on the web. Using WebP, webmasters and webdevelopers can create smaller, richer images that make the web faster.
WebP lossless images are 26% smaller in size compared to PNGs. WebPlossy images are 25-34% smaller than comparable JPEG images at equivalentSSIM quality index.
Lossless WebP supports transparency (also known as alpha channel) at acost of just 22% additional bytes. For cases when lossy RGB compressionis acceptable, lossy WebP also supports transparency, typically providing3× smaller file sizes compared to PNG.

(link : https://developers.google.com/speed/webp/ )

무손실 PNG에 비해 26% 크기가 작으며, 손실 JPEG에 비해 25~34%가 작다!! 라는게 핵심이다.
웹상에서는 수많은 이미지가 있고 이는 결국 네트워크 트래픽으로 이어진다. 결국 비용이 많이 발생한다. 따라서 WEBP 포멧을
사용하면 이런저런 비용을 줄일 수 있고, 사용자 측면에서도 웹 페이지가 빠르게 보여지니 좋은거다.. 라는 거겠지.

일단 간단하게 테스트를 해보았다.
평소에 루리웹 월페이퍼 게시판에서 이미지를 다운하는데 이를 이용했다.
( ※ JPEG 손실, PNG 무손실, WEBP는 손실 )


다운받은 해당 게시글에 포함된 이미지는 82개이고 각기 다른 포멧으로 다운받아 압축했다.

JPEG는 약100mb / PNG는 180mb / WEBP는 52mb 정도가 나왔다.

이번에는 이미지 파일 1개로만 비교해보면 위 그림과 같다.

확실히 WEBP의 파일사이즈가 작다.

댓글 없음:

댓글 쓰기