워드프레스 이미지(사진) 업로드 전 압축 및 최적화 WEBP 이용 방법

워드프레스 이미지(사진) 업로드 전 압축 및 최적화 WEBP 이용 방법

워드프레스를 운영하는 사이트를 여럿 확인하다보면 생각보다 사진(이미지)를 잘 넣지 않는것을 확인할 수 있습니다. 크게 보면 이유가 세가지정도 되는데요 트래픽비용과 이미지를 로딩하는데 필요한 사이트 속도 그리고 이미지 저장용량으로 인한 디스크 공간 사용이라고 할 수 있습니다. 네이버/티스토리 등 다른 블로그에서는 이러한 문제를 신경쓸 필요가 없기에 사진 압축도 하지 않고 원본 그대로 올리는 사람들도 상당히 많은데 워드프레스는 이러한 부분까지 신경을 써야 하기 때문입니다.

그러다보니 다수의 사람들은 글 작성시 본문에 사진이 많아야 두세장 정도가 대부분인데 만약 압축 없이 원본 사진을 그대오 워드프레스에 올렸다간 저장공간의 압박에 비용을 추가로 들여 공간을 늘려야 할 지도 모릅니다. 이러한 문제를 해결해줄 수 있는 것이 바로 사진 압축 즉 최적화 과정인데 별도의 사진 최적화 플러그인을 통해 크게 신경을 쓰지 않고 업로드를 하는 듯 합니다. 하지만 이 작업을 진행한다면 사진이 업로드 되기 전 압축을 한 뒤 다시 한번 압축 플러그인을 통해 두번의 압축이 진행되기에 사진 저장공간을 조금이라도 더 줄일 수 있을 것입니다.

이미지를 압축하기 위한 방법으로 WEBP를 사용하는 이유?

1. 구글에서 개발한 이미지 포맷

WEBP 확장자는 구글에서 개발한 이미지 포맷으로 WEB+Picture 두가지 단어를 합성하여 만든 확장자입니다. 웹에서 사용하는 일반적인 GIF,JPG,PNG 등의 이미지 포맷을 대체하기 위해 만들었는데 해당 포맷이 나온지 20년 이상이라는 세월이 흘렀기 때문에 더 최적화를 하기 위한 방향으로 개발한 끝에 나온 이미지 포맷입니다. 하지만 해당 포맷 역시 2010년에 발표되었기에 WEBP 역시 그리 최근 포맷은 아니라는 점입니다.

2. 이미지 압축이 많이 되는지?

압축률은 적게는 기존 이미지 대비 20~30%에서 많게는 60%이상 압축이 진행되기 때문에 다수의 사이트에서 해당 확장자를 이용한 이미지 업로드를 진행 및 사용하고 있습니다. 만약 별도의 프로그램을 통한 압축이 한번 진행된 상태라 하면 이미지 압축은 앞서 말한대로 30% 내외에서 그칠 가능성이 높긴 합니다만 이미지 압축이 더 가능하다는 것 만으로도 우리의 저장공간을 더 오래도록 지킬 수 있을 것입니다.

3. 워드프레스에는 무조건 적용이 가능한지?

모든 워드프레스 버전에 적용되는 것은 아니며 5.8 버전 이하에서는 WEBP 이미지 업로드 지원이 불가능하다고 합니다. 현재 글 작성 기준 워드프레스 버전이 6.2.2 버전이기 때문에 이미지 업로드에는 크게 문제가 없을것으로 확인됩니다.

WEBP 확장자로 변환하여 이미지 압축이 얼마나 되는지 확인해보자

저는 글을 작성할때 데이터를 항상 백업해놓는 편인데 지금까지 재활용한 적은 없습니다만 습관이 습관인지라 그렇게 되더라구요. 이전에 작성했던 글을 기준으로 WEBP 변환시 이미지 압축률이 얼마나 더 높아지는지 진행해보겠습니다.

이미지 4개의 용량은 824KB 입니다. 저는 꿀뷰를 이용하여 JPG 이미지를 WEBP로 변경할 것이며 해당 이미지는 별도의 프로그램으로 한번 압축이 진행된 이미지입니다.

크기 변경 없이 WEBP 확장자에 화질은 100으로 설정 후 진행합니다.

결과는 어떻게 나왔을까요? 기존 824KB에서 화질 저하 없이 528KB로 이미지 용량이 줄어들었습니다. 36% 압축이 더 진행되었는데요 압축을 이미 한번 거친 이미지들이라 압축률이 고작 이정도(?)밖에 나오지 않은 것 같습니다만 어쨌든 이정도만 해도 저는 개인적으로 훌륭하다고 생각합니다. 참고로 압축을 거치지 않은 다른 이미지를 테스트해봤더니 50% 이상 되는 압축률에 도달하기도 했습니다.

워드프레스 이미지(사진) 업로드 전 압축을 진행하기 위한 WEBP 이용 방법 간단하게 설명드렸는데요 사진을 업로드할 필요성이 있는 분들은 반드시 이 작업 진행하시기 바랍니다.