웹사이트 이미지 최적화와 사이트별 성능 비교

A graph demonstrating the average bytes per page in March 2017 (source: http://archive.org ).
Images make up the bulk weight of an average page.

대부분의 사이트에서 이미지는 상당한 비중을 차지하며, 페이지 로드 시간을 길어지게 만든다.
길어진 로드 시간은 사용자가 컨텐츠를 확인하기 위한 대기시간을 증가시키고 외부 이탈에 영향을 미칠 것이다.

사실, 이미지 최적화를 일일히 포토샵을 켜고 이미지에 맞는 최적화 방법을 이용하는 것은 귀찮다.
따라서 구글 검색에 이미지 최적화라고 입력했을 때 뜨는 여러 사이트들을 비교하여 가장 간단하면서 원본과 화질 차이가 적은 사이트를 찾아보았다.

1. Optimizilla - 검색 시 최상단에 뜸
2. ImageOptim online - developer.google.com에서 추천

---

1. 음식

왼쪽에서부터 원본, optimizilla, imageoptim

original : 544KB / optimizilla : 280KB / imageoptim : 194KB

2. 영화

왼쪽에서부터 원본, optimizilla, imageoptim

original : 2.1MB / optimizilla : 391KB / imageoptim : 255KB

3. 케이크

왼쪽에서부터 원본, optimizilla, imageoptim

original : 383KB / optimizilla : 147KB / imageoptim : 94KB

---

최적화된 이미지의 용량은 imageoptim 쪽이 더 낮은데, 원본과 비교해 보았을 때 눈에 띄는 부분은 없어 보인다.
투명 이미지는 테스트를 하지 않아 차이가 있을 수 있겠지만, 두 사이트 모두 훌륭한 결과물이 출력되는 것을 확인하였다.