블로그 속도 높이는 이미지 용량 줄이기 2가지 방법

이미지 용량 줄이는 방법

블로그를 운영하다 보면 유독 신경이 쓰이는 것이 블로그 로딩 속도입니다.

 

어떻게 하면 이미지 용량을 조금이라도 줄여서 페이지가 빨리 열리게 할까 고민합니다.

 

이미지 용량을 효율적으로 줄여 블로그 속도를 높이는 방법에 대해 알아보겠습니다.

 

 

예시로 사용 할 이미지입니다.

 

여름 휴가로 삼양 목장에 갔을 때 직접 찍은 사진인데, 카톡 원본 전송으로 다운로드 받은 용량이 2.16MB입니다.

 

이미지 용량을 줄이는 방법은 여러 가지가 있지만 간단히 2가지만 알려드릴게요.

 

1. 포토샵으로 이미지 용량 줄이기

2. 이미지 압축 사이트에서 용량 줄이기

 

먼저 포토샵으로 이미지 용량 줄이기에 대해 알려드리겠습니다.

 

포토샵 이미지 용량 줄이기

이미지 손상은 적으면서도 용량을 획기적으로 줄일 수 있는게 포토샵으로 줄이기 입니다.

 

다만, 이 방법은 포토샵 프로그램이 있어야 가능하다는 게 단점이죠.

 

 

포토샵 프로그램을 실행하고 이미지를 열어서 파일 > 내보내기 > 웹용으로 저장을 선택합니다.

 

단축키는 Alt + Shift + Ctrl + S입니다.

 

 

이미지 품질을 위해 JPEG 고로 선택하고 이미지 크기는 900px로 줄인 다음 저장을 합니다.

 

원본 사이즈 그대로 저장하게 되면 용량이 많이 줄지 않으니 이미지 크기도 함께 줄여줍니다.

 

 

이렇게 저장한 이미지 용량은 82.8KB입니다.

 

엄청 많이 줄었죠?

 

이미지 품질은 유지하면서 사이즈도 함께 줄였기 때문입니다.

 

이미지 압축 사이트

포토샵도 없고 이미지 편집도 어려운 분은 이미지 압축 사이트를 이용하면 됩니다.

 

다만, 이 방법은 이미지 사이즈는 줄어들지 않고 이미지 품질만 낮춰서 용량을 줄이는 방법이므로 화질이 많이 깨져 보일 수 있습니다.

 

 

구글에서 이미지 압축으로 검색을 하면 여러 사이트가 검색이 됩니다.

그 중에서 하나 골라 볼게요.

 

사이트 디자인만 다를 뿐 이런 사이트들의 기본 이용 방법은 모두 동일합니다.

 

이미지를 올려 이미지 품질을 낮춘 후 다운로드 받기.

 

자, 그럼 한 번 해볼까요?

 

 

compress jpeg라는 사이트입니다.

 

홈페이지 구성이 단순하죠?

(흰 공백이 있는 공간에 광고가 떠 있는데 사용방법을 설명하기 위해 지웠습니다.)

 

파일 업로드를 클릭해도 되고 이미지를 드래그 해서 끌어다 넣어도 됩니다.

 

 

사이트에 이미지가 업로드 되면 이렇게 보입니다.

 

기본으로 압축이 된 이미지가 오른쪽에 보이고, 원본이 왼쪽에 보이죠.

 

퀄리티 아래의 숫자를 수정하거나 그 아래 단추를 올렸다 내렸다 하면서 이미지 품질을 수정해 보세요.

 

 

퀄리티를 10으로 낮췄더니 용량은 줄어드는데 대신에 품질이 너무 낮아지네요.

 

심하게 깨져보여서 약간 올려보겠습니다.

 

 

퀄리티를 20으로 올린 다음 적용하다를 클릭하면 다운로드 받을 이미지에 적용됩니다.

 

그 상태로 다운로드를 클릭해서 이미지를 다운 받으면 끝이죠.

 

 

이미지 압축 후 다운로드 받은 이미지는 원본 이미지와의 구분을 위해 파일명 뒤에 -min이 붙어 저장됩니다.

 

용량이 202KB로 줄었습니다.

 

포토샵으로 줄인 이미지보다 용량이 큰 이유는 이미지 사이즈를 줄이지 않았기 때문이예요.

 

사진 사이즈가 4000px이 넘으니까 사이즈 대비 용량은 많이 줄어든 셈입니다.

 

다만, 이미지 품질이 너무 낮아지지 않도록 신경써서 퀼리티를 조절해야 합니다.