워드프레스 이미지 WEBP 파일로 용량 줄이는 방법

워드프레스 이미지 WEBP 파일을 사용해야 하는 이유

워드프레스 이미지 WebP 압축 형식으로 사용하고 있나요? 이걸 처음 듣는 이야기라면 여러분은 오늘 진짜 꿀팁을 한 가지 얻게 된 것입니다. WebP 형식의 장점은 기본적으로 다음과 같습니다.

1. 파일 크기 감소: WebP 이미지는 JPEG 및 PNG 형식에 비해 파일 크기가 작습니다. 이로 인해 웹사이트의 로딩 속도가 향상되고 페이지 크기가 줄어들어 사용자 경험이 개선됩니다.
2. 향상된 화질: WebP 포맷은 손실 및 무손실 압축을 모두 지원하며, 동일한 화질 수준에서 JPEG 또는 PNG 이미지보다 작은 파일 크기를 제공합니다. 결과적으로 선명하고 품질 좋은 이미지를 유지하면서 웹사이트의 성능을 향상시킬 수 있습니다.
3. 브라우저 호환성: 대부분의 주요 브라우저(Chrome, Opera, Firefox, Edge)는 WebP 이미지를 지원하므로 대다수의 인터넷 사용자가 이러한 이미지를 볼 수 있습니다. 그러나 Internet Explorer나 Safari와 같은 일부 브라우저는 아직 WebP를 지원하지 않으므로 고려해야 할 사항입니다.
4. 검색 엔진 최적화(SEO): Google은 WebP 이미지를 검색 순위에 고려하므로, 웹사이트의 SEO 성능을 향상시키는 데 도움이 될 수 있습니다.
5. 더 빠른 다운로드: 작고 효율적인 WebP 이미지는 네트워크 대역폭을 적게 사용하므로 사용자가 빠르게 이미지를 로드할 수 있어 웹사이트 방문자의 만족도를 높일 수 있습니다.

이러한 이점들로 인해 워드프레스 이미지 WebP 사용은 권장되며, 이를 통해 웹사이트의 성능과 사용자 경험을 향상시킬 수 있습니다.

WEBP 파일 포맷이란?

WebP는 Google에서 개발한 이미지 파일 형식으로, JPEG와 PNG를 대체하기 위한 목적으로 만들어졌습니다. 이 형식은 기존 이미지 형식에 비해 더 작은 파일 크기와 향상된 화질을 제공하기 때문에 워드프레스 이미지 WebP 변경은 필수적인 조치라 할 수 있죠.

WebP는 두 가지 버전으로 제공됩니다

1. Lossy WebP
손실 압축 방식을 사용하여 이미지 데이터를 압축합니다. 이 방식은 원본 이미지의 일부 정보를 손실하지만, 일반적으로 사람의 눈으로는 차이를 구분하기 어렵습니다. Lossy WebP는 주로 웹사이트의 배경 이미지, 아이콘, 그래픽 등에 사용됩니다.

2. Lossless WebP
무손실 압축 방식을 사용하여 이미지 데이터를 압축합니다. 이 방식은 원본 이미지의 모든 정보를 보존하므로 이미지의 품질이 저하되지 않습니다. Lossless WebP는 주로 사진, 일러스트레이션, 상세한 그래픽 등 높은 품질이 중요한 이미지에 적합합니다.

또한 워드프레스 이미지 WebP 변형으로 다양한 색상 깊이(8비트, 16비트), 알파 채널 지원, 애니메이션 GIF 대체 등 추가 기능을 활용할 수도 있습니다.

워드프레스 이미지 WEBP 파일 지원 여부 확인하기

워드프레스 이미지 WEBP 파일 사용을 위해서는, 먼저 워드프레스 버전이 WEBP 파일을 지원하는지 확인해야 하는데요. 다음과 같은 방법으로 확인할 수 있습니다.

1. 워드프레스 버전 확인하기: 워드프레스 관리자 페이지에서 “도움말” 메뉴를 클릭한 후 “WordPress 정보”를 선택합니다. 그러면 현재 설치된 워드프레스 버전을 확인할 수 있습니다.
2. WEBP 파일 지원 여부 확인하기: 우선 워드프레스 버전이 5.6 이상인지 확인합니다. 2020년 7월 기준 버전인 워드프레스 5.7에서 WEBP파일을 정식으로 지원했으며, 이전 버전들에서도 플러그인을 통해 WEBP 파일을 활용할 수 있습니다.

만약 워드프레스 버전이 5.6 미만이라면, WEBP 파일을 직접 업로드하거나 변환할 수 없습니다. 이 경우에는 WEBP 파일을 지원하는 플러그인을 설치해야 합니다. 대표적인 플러그인으로는 WP Smush, Advanced Custom Fields PRO 등이 있습니다.

사용할 이미지 WEBP로 변환하고 적용하는 방법

초보자도 쉽게 워드프레스 이미지 WebP 변환 및 적용이 가능한데요, 방법은 다음과 같습니다.

1. 이미지 변환 프로그램 다운로드: 무료로 제공되는 이미지 변환 프로그램을 다운로드 받아 설치합니다. 대표적인 프로그램으로는 ImgBot, TinyPNG, Kraken.io 등이 있습니다.
2. 이미지 선택 및 변환 설정: 변환할 이미지를 선택하고, 변환 설정을 합니다. 이때, 손실률(Quality)을 적절하게 조절하여 용량을 줄이면서도 화질을 유지할 수 있도록 합니다. 일반적으로 손실률을 50 – 80% 사이로 설정하는 것이 좋습니다.
3. WEBP 파일로 변환: 선택한 이미지를 WEBP 파일로 변환합니다. 변환된 파일은 원본 파일과 용량 차이를 비교해봅니다.
4. 변환된 파일 업로드: FTP 프로그램을 이용하여 변환된 WEBP 파일을 서버에 업로드합니다.
5. 사이트에서 확인: 웹사이트에서 변환된 WEBP 파일이 제대로 적용되었는지 확인합니다. 브라우저 별로 WEBP 이미지 지원 여부가 다를 수 있으므로, 크롬, 파이어폭스, 엣지 등 다양한 브라우저에서 확인해보는 것이 좋습니다.
6. 포토샵에서 변환해서 바로 업로드: 포토샵은 PNG, JPG 파일을 WebP로 바로 변환하여 사용할 수 있습니다. 포토샵을 사용한다면 가장 쉬운 방법이 될 것입니다.

이렇게 워드프레스 이미지를 WEBP 파일 형식으로 변환하면 용량을 크게 줄일 수 있습니다. 또, 구글에서 공식적으로 지원하는 형식이기 때문에 검색 엔진 최적화(SEO)에도 도움이 될 것입니다. 

다만, 모든 브라우저에서 지원하지는 않기 때문에 사용자 환경을 고려해서 적용해야 합니다. 더 궁금하신 점이나 워드프레스 웹사이트 관련 문의사항이 있으시면 오엠지 디자인 홈에 방문하셔서 더 다양한 워드프레스 관련 정보를 확인해 보세요.