풀HD 화면은 이제 업무 환경의 기본 사양이 되었고, 저가형 스마트폰조차 최소 500만 화소 카메라를 탑재하는 시대입니다. 그래서인지 웹에서 이미지 용량이 얼마나 중요한지 쉽게 잊곤 합니다. 하지만 웹사이트를 제작할 때는 반드시 대역폭(트래픽)을 고려해야 합니다.
고해상도 이미지 한 장 정도는 최신 광대역 인터넷 환경에서 큰 부담이 되지 않을 수 있습니다. 그러나 고화질 리소스로 웹사이트를 가득 채우면 방문자의 브라우징 경험이 눈에 띄게 느려집니다. 게다가 불어난 호스팅 비용까지 감당해야 하죠.
이미지 크기 문제는 웹마스터만 겪는 일이 아닙니다. 사진 몇 장을 이메일로 보내다 보면 열두 장, 스무 장쯤 되었을 때 첨부 파일의 전체 용량에 깜짝 놀라게 됩니다. 그렇기 때문에 이미지를 업로드하거나 공유하고 호스팅할 때는 온라인 이미지 최적화 도구가 가장 든든한 조력자가 됩니다.
여기서는 자주 사용하는 온라인 이미지 최적화 도구 네 가지를 소개합니다. 인터넷이 끊겨도 마감 기한은 기다려주지 않으니, 마지막에는 오프라인 대안까지 함께 담았습니다. 이미지 용량을 줄이는 다른 방법이 궁금하다면 이전 글도 참고해 보세요.
테스트 환경 설정
각 압축 도구를 살펴보기 전에 테스트 방식부터 간단히 설명하겠습니다. 과학적이거나 방대한 실험은 아니며, 서로 다른 압축 엔진으로 동일한 이미지를 압축해 결과를 비교하는 방식입니다.
파일 형식이 압축률에 미치는 영향을 확인하기 위해 JPG와 PNG 두 가지 이미지를 사용했습니다. 경우에 따라 다른 형식으로 저장하기만 해도 압축 효율이 크게 달라집니다. JPG는 사람, 풍경, 사물 등 실제 사진에 적합하고,
PNG는 아이콘, 텍스트, 데스크톱 창 스크린샷처럼 선명한 경계가 많은 이미지에 적합합니다. 먼저 원본 JPG 이미지(91KB)입니다.
그리고 원본 PNG 이미지(26KB)입니다.
Kraken.io
Kraken.io의 가장 큰 매력은 사용할 때마다 "크라켄을 풀어라!"라고 외칠 명분이 생긴다는 점이지만, 그 외에도 시험해 본 도구 중 손꼽히게 빠르고 사용법도 간단합니다.
유료 플랜은 여러 단계로 나뉘며, 주로 월간 처리 가능한 데이터 용량(GB)에 따라 차이가 있습니다. 무료 웹 인터페이스에서는 이미지 크기 조절 같은 'Pro' 기능은 사용할 수 없지만, 드래그 앤 드롭만으로 몇 초 만에 익힐 수 있을 만큼 직관적입니다.
무엇보다 여러 파일을 한꺼번에 큐에 넣어 빠르게 일괄 처리할 수 있다는 점이 강점입니다.
클릭 한 번으로 Google Drive나 Dropbox에서 이미지를 가져오는 것도 간편합니다. 테스트 결과 Kraken은 JPG 이미지를 약 15%(78KB) 줄였고, PNG는 약 61%(10KB)까지 압축했습니다.
크라켄을 풀어낸 뒤의 JPG 이미지입니다.
품질이 다소 떨어졌지만 여전히 훌륭한 수준이며, 최적화 덕분에 웹사이트는 더 가벼워졌습니다. 이어서 압축된 PNG 이미지입니다.
압축된 PNG는 원본과 거의 구분되지 않습니다. PNG 형식은 화질 손실을 크게 느끼지 않으면서도 공격적으로 압축할 수 있어 최대한 활용할 가치가 있습니다.
Kraken.io는 kraken.io에서 사용할 수 있습니다.
Compressor.io
Compressor는 극적인 파일 용량 감소를 내세웁니다. 어떤 경우에는 "최대 90%"까지 줄여준다고 약속하죠. 모든 이미지가 이런 성능을 보이지는 않지만, 세밀한 디테일보다 파일 크기를 우선한다면 좋은 선택지입니다.
인터페이스가 깔끔하고 사용하기 쉬운 것도 장점입니다. 컴퓨터에 내려받지 않고 바로 Google Drive나 Dropbox에 저장할 수 있는 점도 편리합니다. 다만 한 번에 한 장씩만 처리할 수 있는 점은 아쉽습니다.
테스트 이미지에 Compressor를 적용한 결과, JPG는 무려 28%나 줄어들었습니다(66KB).
PNG는 약 67% 감소해 8KB 수준까지 내려갔습니다. Kraken의 결과와 거의 비슷한 수치입니다.
그렇다면 화질은 얼마나 영향을 받았을까요? 비교를 위해 Compressor로 압축한 JPG입니다.
보시다시피 이미지에 상당한 노이즈가 생겼습니다. 파일 크기는 작아졌지만 화질은 희생된 셈입니다. 용량 절감과 화질 사이의 균형점을 찾으려면 여러 사이트에서 직접 시험해 보는 것이 좋습니다.
Compressor의 PNG 결과물은 Kraken의 것과 완전히 동일해서 여기서는 따로 소개하지 않습니다.
Compressor.io는 compressor.io에서 사용할 수 있습니다.
Optimizilla
Optimizilla는 귀여운 마스코트 덕분에 첫인상부터 호감을 얻지만, 균형 잡힌 이미지 최적화도 약속합니다. 한 번에 최대 20장까지 큐에 넣을 수 있고, 인터페이스도 강력합니다.
Optimizilla의 백미는 이미지마다 품질 수준을 개별 설정할 수 있다는 점입니다. 슬라이더로 손쉽게 조정한 뒤 원본과 비교해 결과물을 미리 볼 수 있습니다.
덕분에 만족스러운 품질이 나올 때까지 완성 파일을 반복해서 내려받을 필요가 없습니다.
기본 설정으로 JPG 파일 크기가 23% 줄었습니다(70KB). Compressor보다는 크지만 Kraken보다는 작은 수준이며, 화질은 Compressor보다 훨씬 낫고 Kraken에 버금갑니다.
PNG는 64% 감소했고 역시 원본과 거의 구분되지 않았습니다. 지금까지의 다른 압축 결과물과도 사실상 같았습니다.
Optimizilla는 imagecompressor.com에서 사용할 수 있습니다.
ImageSmaller
ImageSmaller 역시 괜찮은 결과를 내주는 온라인 압축 도구입니다. 다만 한 번에 한 장씩만 처리할 수 있다는 제한이 있습니다.
테스트에서는 JPG 파일 크기가 인상적인 54%나 줄었지만, 화질 손실도 적지 않았습니다. 온라인 게시용이나 개인적인 용도로는 충분히 쓸 만하지만, 노이즈가 많아 다른 용도로는 부적합합니다.
PNG는 약 65% 감소했고, 다른 도구들의 결과와 동일했습니다.
오프라인 대안: RIOT
네 가지 온라인 도구 모두 인터넷 연결이 필요합니다. 하지만 언제나 온라인 상태일 수는 없으니, 오프라인 프로그램을 백업으로 준비해 두는 것이 현명합니다.
대량의 이미지를 처리해야 하거나, 개인정보 보호 때문에 특정 이미지를 업로드하고 싶지 않은 경우도 있겠죠.
오프라인 클라이언트가 필요한 이유가 무엇이든, RIOT(Radical Image Optimization Tool)는 특히 추천할 만합니다. 이 무료 소프트웨어는 거의 모든 기능을 갖추면서도 사용법이 쉽습니다.
흥미로운 자동 제안 모드도 있습니다. 이미지를 드래그해 넣기만 하면 적절한 압축 수준을 제안해 줍니다.
자동 설정으로 압축한 결과 JPG 용량이 28% 줄었습니다(66KB). 처리된 이미지는 아래와 같습니다. Compressor와 마찬가지로 크기는 작아졌지만 노이즈가 상당히 많습니다.
RIOT의 또 다른 장점은 일괄 변환 모드입니다. 컴퓨터가 감당할 수 있는 만큼 사진을 큐에 쌓아두고 다른 일을 하면 됩니다. 대부분의 무료 온라인 도구보다 확실히 나은 점입니다!
RIOT은 luci.criosweb.ro/riot/에서 내려받을 수 있습니다.
1, 2, 3만큼 쉽게
이런 이미지 최적화 도구를 활용하면 웹사이트 로딩 속도를 높이고, 웹 서버 공간을 아끼고, 친구와 가족에게 부담 없는 크기의 사진을 보낼 수 있습니다.
살찐 이미지를 슬림하게 만드는 일은 빠르고 간단합니다. 돈을 들일 필요조차 없습니다. 어느 각도에서 봐도 좋은 거래 아닌가요? 즐겁게 최적화하세요!