오늘은 워드프레스 이미지 최적화 Webp 변환 플러그인 [Converter for Media] 설정 및 사용 방법에 대해 알아보도록 하겠습니다. 일반적으로 블로그에 이미지를 업로드할 때 대부분 JPG, JPEG 파일을 사용할 텐데요. 하지만 서버의 용량과 사이트의 속도를 생각한다면 좋지 못한 선택일 수 있습니다.
WebP 사용 이유
WebP는 구글이 웹페이지의 로딩 속도를 높이기 위해 개발한 이미지 포맷입니다. 이미지의 품질은 유지하면서 파일크기를 더 작게 만들 수 있는 무손실 압축 확장자입니다. 따라서 WebP 파일을 이용하면 홈페이지의 성능을 향상해 속도를 더 빠르게 만들 수 있죠. 페이지의 속도가 빨라짐에 따라 SEO에도 더 좋은 영향일 미치게 됩니다.
1. 이미지 최적화
JPG, PNG, GIF 보다 크기는 작지만 이미지 품질은 동일하게 유지할 수 있다. 이미지 압축 시 손상이 거의 발생하지 않기 때문이다. 결과적으로 이미지 압축은 웹사이트 속도를 증가시킬 수 있고, 웹사이트 속도 증가는 사용자 경험이 향상된다. 이러한 이유를 포함해 구글 역시 WEBP 사용을 권장하기 때문에 검색 엔진 순위에도 영향을 줄 수 있다.
2. 서버 공간 절약
의외로 이미지는 서버에서 많은 공간을 차지한다. WEBP를 사용하게 되면 JPG, PNG, GIF과 품질은 같아도 크기가 작기 때문에 서버 용량을 절약할 수 있다. 구글 자체 데이터에 따르면 WEBP 압축은 PNG 파일보다 26% 작은 크기이며, JPEG보다 25~34% 작은 크기이다.
3. 사이트 속도 최적화
좋은 사이트를 만들려면 홈페이지 속도가 매우 중요하다. webp 파일은 JPG, PNG, GIF 대비 평균 30%의 이미지 크기를 줄여주기 때문에 홈페이지가 로딩되는 시간을 단축시켜 준다. 기존의 이미지를 webp 파일로 변경할 시, 이미지를 대량으로 사용해야 하는 홈페이지 또는 모바일에 긍정적인 영향을 줄 수 있다.
워드프레스 이미지 최적화 Webp 변환 플러그인 (Converter for Media)
먼저 플러그인의 [Add New Plugin] 버튼을 통해 [Converter for Media]를 검색하여 설치 후 활성화합니다.
해당 플러그인의 설정 페이지로 접속하면 빨간색 오류메시지가 나타납니다. Sever configuration error (서버 구성 요류) 메시지가 나타나면 위와 같이 해결할 수 있습니다.
서버 구성 오류의 이유는 이미지 요청을 Apache 서버를 건너뛰고 Ngnix 서버에서 처리되도록 설정이 되어 있어 문제가 발생하는 것인데요. 어려운 말은 치우고 간단하게 해결할 수 있습니다.
[Advanced Settings] 메뉴에서 Conversion method 항목을 [GD] 항목으로 체크합니다. 그리고 이미지 로딩 모드를 [Nginx] 모드로 설정하면 모두 해결됩니다.
다음으로 현재 내 사이트에 올라와있는 모든 이미지 파일들을 [Start Bulk Optimization] 버튼을 통해 한번에 WebP 형식으로 전환이 가능합니다.
또 설정 항목에서 [Conversion of new images] 항목의 단추를 활성화한다면 이미지를 업로드할 때 자동으로 WebP로 변환해서 업로드가 됩니다.
관련 카테고리
https://bamkyul.kr/category/sns/blog/