용량이 큰 이미지가 하나하나 쌓이다보면, 워드프레스 웹사이트 속도가 느려질 수밖에 없습니다.
그래서, 업로드하시기 전에 미리 이미지 용량을 줄인 채, 업로드하신다면, 용량 개선에 많은 도움이 된다고 볼 수있습니다.
이미지 용량을 빠르고, 간편하게 줄이는 방법은 ‘그림판‘을 활용하시면 됩니다. 그림판 편집을 통해서, 이미지 사이즈를 조절해주시면, 전체적으로 이미지 용량이 줄어드는 효과가 있으며, 되도록이면 캡처하실때 이미지 확장자는 jpg나 jpeg로 저장해주시는 쪽이 좋습니다. (png 확장자에 비해 용량이 적기떄문입니다.)
포스팅하실 때마다 위 작업을 미리 해주시는 경우, 이미지 용량 최적화 같은 플러그인을 별도로 사용하지 않아도 된다는 장점이 있기 때문에 제 개인적으로도 미리 선작업하는 쪽을 추천드리는 바입니다. (되도록이면, 플러그인 수는 적은 쪽이 좋습니다.)
그러나, 이미 워드프레스 블로그에 많은 이미지가 업로드된 상황이라면, 어쩔 수없이 플러그인을 통해, 이미지 최적화 작업을 해야한다고 생각합니다.
이미지 용량 최적화할 수있는 플러그인은 매우 다양한 종류들이 있습니다만, 제 개인적으로 추천드리는 플러그인은 WP Smush와 EWWW image optimizer, Jetpack 입니다.
워드프레스 이미지 최적화 플러그인
WP Smush
WP Smush 플러그인은 프로와 무료, 두 가지 버전이 있습니다. 프로버전의 경우는 이미지를 완벽하게 최적화 시켜줄 뿐만아니라, 모든 이미지 확장자를 Webp로 자동으로 변환해주는 기능까지 있습니다.
*Webp 확장자란? 이 확장자는 구글에서 개발한 이미지 포맷입니다. 기존에 있는 PNG, GIF, JPG 대비, 평균 약 40%나 용량을 절감시킬 수있기 때문에 최고의 확장자라고 볼 수있습니다.
또한, 이미지 CDN 기능까지 제공하고 있습니다. 이의 장점으로는 CDN 서버에서 미리 캐시된 이미지 콘텐츠를 전송하기 때문에 서버의 부하를 줄일 수있다는 것입니다.
거기에다, 워드프레스 사이트에 접속하는 방문자는 미리 캐시된 데이터를 전달 받기때문에 전송에 필요한 RTT가 줄어들어, 이미지를 빠르게 받아볼 수있다는 장점까지 있는데요.
이 모든 기능들이 프로버전에서만 제공되기 때문에 사용하기 위해서는 일정기간마다 구독료를 결제하셔야 합니다.
반면, 무료버전의 경우는 이미지 최적화 되는 정도가 제한되어있습니다. 제가 느끼기로는 한 5~10%정도만 최적화되는 것 같았습니다.
또한, 원 클릭(Bulk Smush 기능)으로 최적화 가능한 이미지 수는 50개로 제한되어있기도 하며, 최적화 작업이 끝날때마다, 일일이 수동클릭을 해야하기도 합니다.
이 처럼 무료와 프로버전, 각각 특징들이 있습니다만, 다시 한번 두 버전의 장단점을 간략하게 정리해보도록 하겠습니다.
무료버전 특징
- 이미지 최적화는 5~10% 정도만 되는 느낌이다.
- 이미지 자동 사이즈 조정 기능이 있다. (업로드 될때 마다, 이미지 사이즈가 자동으로 적용됨.)
- 원클릭 대량 이미지 최적화 기능을 통해, 편리하게 작업을 할 수있다. (최대 50개까지)
- 타 무료 플러그인에 비해 기능들이 다양하다.
- 레이지 로드 기능 (이미지 지연 노출기능)
프로버전 특징
- 거의 완벽하게 이미지가 최적화된다.
- CDN 기능이 제공된다.
- 이미지가 업로드 될때마다, Webp 확장자로 자동으로 변환된다.
- 원클릭으로 무제한 자동 최적화가 가능하다.
- 최적화 전용 서버 지원
프로버전을 이용하기 위해서는 년간 60달러를 지불해야하니, 참고하시면 좋을 것 같습니다. (WP Smush 프로버전의 더 자세한 내용은 여기를 참고하시면 되겠습니다.)
EWWW image optimizer
EWWW image optimizer 플러그인도 무료 버전의 경우는 이미지 최적화 되는 정도가 제한되어있는데요. 제가 느끼기로는 WP Smush 무료 버전보다는 최적화가 더 많이 되는 느낌이 있었습니다.
또한, Smush의 경우는 원클릭 대량 최적화 제한 개수가 50개로 정해져있는데, EWWW는 개수의 제한이 없다는 것입니다.
제 개인적인 생각으로는 프로버전을 이용하실거라면, WP Smush 플러그인을 추천드리고, 무료 버전을 이용하실 것이라면 EWWW image optimizer 플러그인을 추천드리는 바입니다.
(이 두 플러그인의 장단점과 차이점을 잘 설명한 글을 한번 공유드려보도록 하겠습니다.)
젯팩(Jetpack)
워드프레스 플러그인 메인 페이지에서 볼 수있는 젯팩 플러그인입니다. 젯팩 플러그인도 이미지 최적화 무료 기능을 제공하고 있는데요. 이는 다음과 같습니다.
- 이미지 무료 CDN
- 레이지로드 기능
- CSS 및 자바스크립트 압축
총 3가지 정도가 있습니다. 이 중에서 이미지 무료 CDN 기능이 흥미로운 부분이라고 볼 수있는데요.
제 블로그로 예시를 들어보겠습니다. 젯팩의 무료 이미지 cdn 기능을 설정하시게 되면, 위 이미지와 같이, 내 블로그에 있는 이미지를 첨부하는 것이 아닌, 외부 CDN서버에서 이미지를 가져온다는 것입니다.
그럼, 서버 부하도 줄일 수있을 뿐만아니라, 이미 캐시된 이미지 콘텐츠를 보여줌으로써, 사이트 속도 향상에 도움이 된다는 것입니다.
CDN(콘텐츠 딜리버리 네트워크)
다양한 CDN 서비스가 있습니다만, 제 개인적으로는 클라우드 플레어를 추천드리는 바입니다.
이미지 CDN 뿐만아니라, HTTPS 무료 제공, 트래픽 최적화 등 여러 기능들을 무료로 이용할 수있기때문에 최고의 CDN이라고 생각하는 곳 중 한 곳입니다.
