이미지 용량을 줄이자 Compress.io

Compress.io

사이트 제작을 하거나 SNS 등에 이미지를 올릴 때면 이미지 용량 때문에 문제가 되는 경우들이 많다. 특히 사이트 제작 시에는 이미지 용량이 사이트 속도에 큰 영향을 주므로 용량을 최대한 줄이는 것이 중요한 사항이다. 작게 사용할 이미지의 경우는 사이즈를 줄이면 되겠지만, 이미지 해상도를 고려할 때 무조건 사이즈만 줄여서는 답이 없다.

워드프레스로 제작한 사이트의 접속 속도를 개선하고자 이미지 용량을 줄이는 서비스를 찾다가 발견한 서비스가 이 문제를 해결해주었다. [ Compress.io ] 이라는 서비스로 이미지를 품질의 차이 없이 압축을 통해 용량을 줄여주는 서비스이다.

실제 사용해본 결과 98%까지도 용량이 줄어들면서 품질에는 육안상 확인되는 변화는 없는 것을 확인하였다.

사이트 첫 화면은 실제 줄인 사진을 비교해서 보여주고 있다.

해당 서비스에 접속하여 'TRY IT!'을 클릭하면 아래와 같이 이미지를 업로드할 수 있는 화면이 나온다.

이미지를 업로드할 때 최대 10MB까지만 가능하니 이 점만 유의해서 올리면 아래와 같이 변환이 진행된다.

바뀐 화면에서 원래의 사진과 변경된 이미지를 비교해서 볼 수 있는데 실제로 이미지의 퀄리티가 달라진 것을 확인하기는 어렵다. 그런데도 1번 부분에 표시된 것처럼 84%나 용량이 축소된 상황이다.

여기서 바로 파일을 다운로드할 수 있고 구글 드라이브나 Dropbox에 이미지를 저장 (2번)할 수도 있어 변하게 이용할 수 있다. 추가로 이미지의 변환 작업을 하려면 3번을 누르면 다시 파일을 첨부하는 화면으로 가게 된다.

이렇게 해서 총 12MB 가까이 되던 웹사이트의 용량을 4.8MB까지 줄이고 나니 접속 속도도 14초에서 8초로 줄어들게 되었다. 환경에 따라 달라지긴 하겠지만 43% 정도 접속 속도를 개선하는 효과를 얻었다.

실제 이 서비스를 통해 이미지 용량을 84% 줄인 이미지를 아래 첨부한다.

before

after