• 목록
  • 아래로
  • 위로
  • 쓰기
  • 검색

이미지 용량 최적화 WebP vs Guetzli JPG 압축률 비교

덕후 덕후
1017 0 0

WebP or Guetzli  나의 선택은?! 압축률 비교

재미로 2~3년 정도 개인적인 글을 쓰고있는 워드프레스 블로그 속도 테스트를 하다가 JPEG 2000, JPEG XR, WebP 같은 차세대 이미지 형식 사용을 권해서 한번 테스트 해봤습니다. 사실 미루고 미루다가..

 

WebP로 통일 하려고 하다가 아직 작은 호환성 문제가 있어서 이왕이면 JPG파일로 변환되는 Guetzli를 쓸려고 했는데 둘다 해보니 딱 하나를 선택하기가 어렵다~ 라는 생각이 들었습니다.

 

결론부터 말씀드리면 앞으로는 webp로 변환할 것 같네요.

 

구글은 최적화된 이미지를 좋아합니다.

WebP_Guetzli (2).jpg

날이갈수록 데이터의 양을 커지고.. 카메라 뿐만 아니라 스마트폰의 화질이 점점 좋아지면서 웹에 올라오는 사진의 용량도 커집니다. 그래서 화질을 최적화해 웹에서 보기에는 별 차이가 없지만 용량 차이는 최대한 줄일 수 있는 차세대 이미지 표준들이 나오기 시작합니다.

 

네이버는 신경이나 쓰는지 모르겠지만 전세계를 상대로 하는 구글의 경우에는 매우 명확한 가이드라인도 만들어두었습니다.

  • JPEG - MozJPEG (퀄리티 80정도도 적절)
  • PNG - pngquant
  • SVG - SVGO
  • 용량이 큰 GIF 파일은 H.264 동영상으로 변환 (크롬, 파이어폭스, 오페라의 경우에는 WebM도 가능)
  • 그리고 용량 대비 높은 품질을 원하면 구글의 Guetzli

이렇게 권하고 있습니다.

 

자세한 기술적인 내용까지 알필요는 없을 것 같고.. 얼마나 줄여주는지 봅시다.

 

1차 테스트

이미지 압축002.jpg

6메가 정도의 이미지 폴더를 최적화 해봤습니다. 안에 이미지는 수십장 정도.

 

이미지 압축003.jpg

저는 XPviewMP을 사용했습니다.

 

Guetzli 용량

이미지 압축004.jpg

6.1메가에서 3.46메가

 

Webp 용량

이미지 압축005.jpg

6.1메가에서 2.19메가

 

좀 의아했던것이 Guetzli의 경우에는 인코딩 시간이 어마어마하게 오래 걸립니다. 용량이 얼마 되지도 않는 이미지 파일을 변환하는데도 최소 몇분은 걸리거든요. Webp의 경우에는 순식간에 끝나구요. 그런데 오히려 WebP가 더 좋네요-_-;;

 

 

이미지 압축006.jpg

파란색이 원본파일, 그 아래가 Webp로 변환된 파일 입니다. 각각 개별 파일들의 용량을 보면 상당히 줄어든 것을 볼 수 있습니다.

웹에서 보기에는 화질 저하도 거의 없어 보입니다.

 

WebP의 한가지 작은 단점

이미지 압축008.jpg

익스플로러는 WebP를 아직 읽어들일 수 없습니다. 요즘에는 거의 사용하지 않지만 혹시 본인의 블로그나 사이트가 익스플로러 유저들도 방문하는 곳이라면 webp는 좀 더 시간이 필요할 수 있습니다.

 

Guetzli JPG 압축 수천개의 이미지 인코딩 테스트

이미지 압축009.jpg

파일 용량을 더 줄이기 위해서 품질은 80으로 했습니다. 90이랑 눈에 띄는 차이는 없어 보였습니다.

인터넷에 찾아보니 품질을 챙기기 위해 프로그레시브, 허프만 테이블 최적화하기, DCT방법 - 부동 소수점 (최고지만 가장 느림), 서브샘플링 계수 1x1,1x1,1x1(최고품질) 이렇게 하라고 본것같아서... 또 저게 좋은 옵션이라고 하니 그렇게 해봤습니다.

 

저의 블로그 파일들 90% 이상이 JPG 파일들이라 이번 한번만은 Guetzli로 인코딩 하기로 했습니다. WebP로 바꾸면 글 하나하나 들어가서 수정해줘야하니까요.

 

좀 더 속도를 높이기 위해서 CPU는 최대한 쓰게 했습니다.

 

이미지 압축011.jpg

테스트 컴퓨터는 램16기가 + AMD 2700X + 삼성 SSD 970 Pro 입니다.

 

CPU 풀로 돌아가는 장면을 오랫만에 보게되네요.

 

5600개 정도의 이미지를 인코딩 했으며 총 용량은 170메가 정도 입니다. 사실 이거 얼마 되지도 않는데 엄청나게 시간 오래 잡아먹습니다.

 

이미지 압축012.jpg

총 5652개 파일을 작업하는데 1시간 20분 정도가 걸렸습니다. -_-;; 뭔 수기가짜리 동영상 인코딩도 아니고 너무하죠..

 

용량 변화는?

이미지 압축013.jpg

이미지 압축014.jpg

뒤에 좀 더 인코딩할게 있어서 1300개 정도의 이미지를 더 작업했습니다.

 

총 170메가 였던 이미지들이 108메가 정도로 꽤나 많이 줄어든 것을 볼 수 있습니다. (대충 37퍼센트 정도 압축됨)

 

앞으로 쓰라면 무조건 Webp로 할 것 같습니다. 후다닥 압축 인코딩하고 올리고 해야하는데 너무나 많은 인내심과 컴퓨터 자원을 요구하기 때문에 구글의 Guetzli가 앞으로 성공할 수 있을지 의문까지 들었던 하루였습니다.

 

신고공유스크랩

댓글 0

댓글 쓰기
에디터 모드

신고

"님의 댓글"

이 댓글을 신고하시겠습니까?

댓글 삭제

"님의 댓글"

이 댓글을 삭제하시겠습니까?

공유

퍼머링크
번호 제목 글쓴이 날짜 조회 수
33
image
덕후 20.09.12.14:35 6832 0
image
덕후 20.03.22.17:34 1017 0
31
image
덕후 20.03.09.19:11 1771 0
30
image
덕후 20.02.29.21:46 7896 0
29
image
덕후 20.02.25.03:12 6813 0
28
image
덕후 20.02.08.03:57 3541 0
27
image
덕후 20.01.28.18:44 11263 0
26
image
덕후 20.01.15.14:40 3558 0
25
image
덕후 20.01.12.00:33 983 0
24
image
덕후 19.12.01.01:07 2675 0
23
image
덕후 19.04.02.20:36 1114 0
22
image
덕후 19.03.24.00:50 17973 0
21
image
덕후 19.03.24.00:27 1407 0
20
image
덕후 19.03.23.03:35 6630 0
19
image
덕후 19.03.23.02:29 5543 0
18
image
덕후 19.03.19.23:37 3869 0
17
image
덕후 19.03.17.02:35 4407 0
16
image
덕후 19.03.17.00:22 8231 0
15
image
덕후 19.03.16.23:34 3393 0
14
image
덕후 19.03.12.04:27 529 0