블로그 로딩 속도 개선 - 이미지 용량줄이기

일전에 png 이미지 파일 용량 줄여 주는 사이트를 소개한 적이 있는데요.

오늘은 png는 물론 gif와 jpg 파일의 용량을 줄여 주는 사이트와 오프라인에서도 사용이 가능한 

제가 즐겨 사용하는 툴을 소개할까 합니다.

일반적으로 이미지의 용량을 줄이는 방법은 이미지의 크기를 적당하게 줄이는 방법과

이미지의 크기는 원본과 동일하지만 사람의 눈으로 볼 때 원본과 구분이 안 될 정도의 해상도를

선택해 용량을 줄이는 방법이 있는데요.

이미지 크기 줄이기로 용량을 줄이려면 포토샵이나 알씨 등 여러 이미지 편집 툴을 이용하면

간단히 해결되고, 해상도 조정으로 용량줄이는 방법도 포토샵의  Save for Web & Devices 기능으로

어느 정도 해결됩니다만...

포토샵 사용이 익숙하지 않은 분이나 포토샵 열기가 귀찮을 때 간단하게 사이트를 찾거나

툴을 이용하면 원본 크기의 이미지를 파격적으로 용량을 줄일 수 있습니다.

 

 

smushit.com에서 이미지 용량 줄이기

 

 

☞ smushit.com바로가기

 

smushit에 접속이 되면 UPLOADER 탭을 누르고 PC에 저장된 이미지를 불러 와 Smush 버튼을 누르면

압축이 시작되는데요.업로더 탭 첫 화면에 파일 선택 버튼이 세개뿐이지만, 아래 go 버튼을 누르면

한번에 10개의 파일을 업로드할 수 있습니다.

 

Smush 버튼을 누르고 잠시 후면 아래 샷처럼 페이지가 바뀌고 Smushed Images에서 자세한 결과를 보여 주는데

제가 업로드한 jpg 파일의 경우 많은 압축율은 아닌 것 같은데요? Download Smushed Images 버튼을 누르면

이 페이지에서 임의로 지정한 이름의 압축 파일로 PC에 저장됩니다.

 

 

 

RIOT(Radical Image Optimization Tool)로 이미지 용량 줄이기

 

☞ RIOT 설치 페이지가기

 

RIOT가 실행된 모습입니다.

제가 사용하는 버전은 설치판이 아닌 포터블로 페이지 하단에 파일을 첨부해 놓을 텐데요.

툴 왼쪽 상단 Open 탭을 누르거나, Ctrl + O키를 눌러 PC에서 용량을 줄이려는 이미지를 불러 옵니다.

 

이후 열리는 팝업에서 Yes 버튼과 OK 버튼으로 원본 크기로 이미지를 불러 오는데요.

(참고로 OK 버튼을 누르기전 이미지의 크기를 지정할 수도 있습니다.)

 

 

 

 

기본 옵션인 퀄리티를 80%로 놔 두었는데 원본 이미지 크기 1.21mb에서 압축된 최적 크기가 208.77kb로

용량이 확 줄어 들었네요.그대로 저장하려면 왼쪽 상단 메뉴의 File 탭을 누르고 Save(Ctrl + S)나

Save As (S키)합니다. 간단하지요? 초보자도 쉽게 사용할 수 있는 툴입니다.

 

그외 여러 조정 옵션이 있습니다만 오늘 포스팅은 여기까지이며...

비교해 보시라고 이미지를 올려 봅니다.

원본 (파일크기 1.21mb)

이미지를 클릭하면 원본크기로 볼 수 있습니다.

 

 

smushit 이미지(파일크기 1.0mb)

이미지를 클릭하면 원본크기로 볼 수 있습니다

 

 

RIOT 이미지(파일크기 209kb)

이미지를 클릭하면 원본크기로 볼 수 있습니다

 

 

포토샵 80% 이미지(파일크기 521kb)

이미지를 클릭하면 원본크기로 볼 수 있습니다