여러분은 어떤 이미지 포맷을 블로그에 사용하시나요? 저는 썸네일이나 캡처한 이미지를 가공한 후, 무료로 사용 가능한 소프트웨어를 이용하여 WebP 포맷으로 변환해 사용하고 있습니다. 이 글에서는 JPG나 PNG보다 파일 사이즈가 작으면서 이미지 품질이 좋은, 워드프레스 블로그 이미지에 최적화된 WebP로 손쉽게 변환하는 방법에 대해 알아보겠습니다.
워드프레스 블로그 이미지에 최적화된 WebP로 손쉽게 변환하는 방법
워드프레스 블로그를 하시는 분들은 아시겠지만, 서버의 용량과 페이지 로딩 속도에 가장 큰 영향을 미치는 것이 사용하는 이미지의 용량입니다. 이미지의 용량이 크고 많을수록 페이지 로딩속도가 늦어지고 이로인해 SEO에도 부정적인 영향을 미치게 됩니다. 이미지 용량을 줄이면서 품질을 유지하려면 어떻게 해야 할까요?
해결 방법 중 하나가 바로 이미지 품질은 좋으면서 용량은 작은 Webp 포멧을 사용하는 것입니다. 이 글에서 자세히 알아보겠습니다.
1. 가장 많이 쓰는 3가지 이미지 포멧의 장단점
블로거뿐만 아니라 이미지를 다루는 많은 분들이 사용하는 포멧이 JPG, PNG, 그리고 WebP 이며, 각각 다음과 같은 장단점이 있습니다.
| 포맷 | 주요 장점 | 주요 단점 |
|---|---|---|
| JPEG | – 광범위한 지원 및 높은 호환성 – 고해상도 이미지를 위한 소형 파일 크기 제공 – 사진과 같은 현실감 있는 이미지 표현에 최적화 – 사용자가 압축 수준을 조절할 수 있음 |
– 손실 압축 방식으로 인해 이미지 품질이 저하될 수 있음 – 투명 효과 지원이 부족 – 압축 과정에서 발생하는 아티팩트 |
| PNG | – 이미지 품질 저하 없는 무손실 압축 지원 – 이미지의 투명도 완벽 지원 – 선명한 경계를 가진 그래픽에 이상적 – 다양한 투명도 수준을 제공하여 복잡한 디자인 가능 |
– 파일 크기가 상대적으로 큼, 특히 복잡한 이미지의 경우 – 고급 사용자를 위한 기능이 제한적 – 사진 저장용으로는 PNG보다 JPEG이 더 효율적 |
| WebP | – 우수한 압축 기술로 고품질 이미지를 소형 파일 크기로 제공 – 손실 및 무손실 압축을 모두 지원 – 이미지의 투명도와 애니메이션을 지원 – 웹과 모바일 환경에서 빠른 로딩 속도와 효율적인 사용성 제공 |
– 호환성 문제로 인해 일부 구형 브라우저에서 지원되지 않음 – 특정 소프트웨어에서는 파일 형식 지원이 제한적 – 높은 압축 비율 설정 시 이미지 품질 저하 가능성 |
무료 이미지 사이트인 pixabay.com에서 파일을 JPG 포맷으로 다운로드 받아 PNG와 WebP로 변환한 후, 이미지 용량을 비교해 보겠습니다.
변환 후 이미지 사이즈를 비교해 보니, 특별한 목적이 없다면 PNG 형식은 블로그 이미지로 사용하기에 적합하지 않을 것 같고, WebP의 용량이 JPG의 절반 정도 되는 것을 확인할 수 있습니다. 그만큼 WebP의 압축 효율이 뛰어나며 이미지 품질도 떨어지지 않기 때문에, 가능하다면 WebP를 사용하는 것이 좋습니다.
2. 쉽고 편하게 WebP 포멧으로 변환하는 방법
이미지 포멧을 변환하는 방법은 여러가지가 있습니다. 인터넷에서 지원하는 서비스를 이용할 수도 있고, 소프트웨어를 사용하는 방법도 있습니다. 이 글에서는 프리웨어로 사용할 수 있는 꿀뷰라는 소프트웨어를 활용하는 방법을 알아보겠습니다.
제가 꿀뷰를 사용하는 이유는 프로그램을 별도로 실행할 필요없이 원도우 파일관리자에서 손쉽게 이미지 포멧을 변경할 있도록 해주기 때문입니다. 먼저 위의 링크를 클릭하여 다운로드한 후 설치하세요.
꿀뷰가 설치되면, 꿀뷰가 설치되면, 초기 설정에서 이미 ‘탐색기에서 꿀뷰로 이미지 변환 기능’이 활성화되어 있을 것입니다. 만약 그렇지 않다면, 꿀뷰를 실행하고 F5키를 눌러 설정에서 변경해 주면 됩니다.
이제 원도우 파일 탐색기에서 이미지 파일을 Webp 포멧으로 변경해 보도록 하겠습니다.
아래와 같이 원도우 탐색기를 실행한 후, 변경할 이미지가 있는 폴더로 이동합니다. 원하는 이미지 파일 위에서 마우스 우클릭을 하면, 아래와 같은 메뉴가 나타나고 여기서 ‘꿀뷰로 변환’을 클릭합니다.
다음 화면에서 ‘저장 이미지 포멧’을 각각 WEBP와 70으로 변경한 후, ‘시작’을 클릭하면 이미지가 WEBP 포멧으로 변환됩니다. 한번 설정하면, 다음에 다시 실행해도 그 설정이 적용되므로 다시 변경할 필요가 없습니다.
만약 변환해야 할 파일이 여러 개라면, 아래와 같이 모두 선택한 후 마우스 우클릭을 하여 ‘꿀뷰로 변환’을 클릭하면 한번에 여러 이미지 파일을 변환할 수 있습니다.
오늘은 다양한 이미지 포맷을 워드프레스 블로그 이미지에 최적화된 WebP로 손쉽게 변환하는 방법을 알아보았습니다. WebP 포맷은 JPG나 PNG보다 이미지 용량이 훨씬 작으면서 품질은 좋기 때문에, 페이지 로딩 속도가 중요한 블로그에 사용하면 좋습니다. 이미지 사용이 많은 블로그라면 WebP 사용을 통해 이미지 용량을 많이 줄일 수 있으므로 꼭 사용해 보시기 바랍니다. 이 글이 여러분의 블로그 운영에 도움이 되었으면 합니다.