WebP 이미지 가이드: WordPress에서 WebP 형식을 사용하는 방법
게시 됨: 2022-07-29우리 모두는 좋은 GIF를 좋아하지만 1987년 GIF가 도입된 이후로 이미지 형식은 많은 발전을 이루었습니다. 정통한 웹 디자이너는 JPEG, PNG 및 이제 WebP를 수용하는 방향으로 이동했습니다.
GIF가 Slack 채널 및 문자 메시지를 위한 사료로 제2의 삶을 즐기고 있는 동안 새로운 WebP 형식이 웹을 장악하기 시작했습니다.
이 게시물에서는 WebP의 성장을 살펴보고 웹사이트에 WebP를 사용하는 방법에 대한 팁을 제공합니다. 당신은 배울 것입니다:
- 형식 작동 방식
- WebP 이미지의 이점
- WebP 사용의 제한 사항
- WordPress에 WebP 이미지를 활성화하는 방법
WebP 형식의 작동 방식
원래 On2 Technologies에서 온 Google은 WebP를 오픈 소스 이미지 형식으로 개발 중이며 웹 이미지에 대한 새로운 승인 표준이 되기를 희망합니다.
WebP는 향상된 이미지 압축을 제공합니다. 이미지 품질을 잃지 않고 파일 크기를 줄일 수 있습니다. WebP는 손실 및 무손실 압축을 지원하는 방식이 독특합니다.
무손실 압축을 사용하면 원본 이미지 품질을 유지하면서 파일 크기를 줄일 수 있습니다. 원본 데이터는 손실되지 않으므로 이미지를 원래 품질과 크기로 복원할 수 있습니다.
손실 압축을 사용하면 파일 크기가 훨씬 작아집니다. 손실 압축은 이미지를 축소된 크기로 표시하는 데 필요한 데이터만 유지합니다. 백업 크기를 조정하고 원래 품질을 유지할 수 없습니다.
WebP를 최대한 활용하려면 배경 이미지와 같이 다양한 크기로 확장해야 하는 이미지에 무손실 압축을 사용하십시오. 크기가 고정된 이미지에 손실 압축을 사용합니다. 사이트에 대한 추천 이미지 또는 제품 이미지의 최대 너비를 알고 있는 경우 손실 압축을 사용하여 정확한 크기로 저장할 수 있습니다.
WebP의 장점
그렇다면 WebP의 성장을 촉진하는 요인은 무엇입니까? 형식은 사용 용이성과 성능을 포함하여 많은 이점을 제공합니다. 웹사이트에 WebP를 사용할 때의 가장 큰 장점을 살펴보겠습니다.
기존 이미지를 쉽게 변환
사이트의 기존 PNG, GIF 또는 JPEG를 WebP 파일로 변환할 수 있습니다. 품질을 희생하지 않고 일반적으로 파일 크기를 줄입니다.
더 나은 압축
PNG 또는 JPEG를 WebP로 변환하면 WebP 파일 크기가 원본보다 30~50% 작아집니다. 더 작은 이미지는 페이지 로드 속도를 높이는 데 도움 이 되므로 WooCommerce 사이트 속도를 높이는 가장 좋은 방법 중 하나로 이미지 압축을 권장합니다.
더 나은 사이트 성능
이미지와 페이지를 더 빠르게 로드하면 더 나은 사용자 경험을 제공할 수 있습니다. 또한 속도에 맞게 사이트를 최적화하여 검색 엔진 순위를 높일 수 있습니다. 검색 엔진은 사이트가 로드되는 속도를 중요하게 생각합니다. 로딩 속도가 빠른 사이트는 느린 사이트보다 순위가 높은 경향이 있습니다.
WebP와 같은 차세대 형식으로 이미지를 제공하는 것은 Google PageSpeed Insights 점수를 향상시키는 12가지 검증된 방법 중 하나입니다.
투명도 및 애니메이션 지원
누가 애니메이션 GIF를 좋아하지 않습니까? WebP를 사용하면 운이 좋습니다. WebP는 애니메이션과 투명도를 지원합니다.
광범위한 브라우저 지원
대부분의 최신 브라우저는 WebP를 지원합니다. Apple의 Safari 브라우저는 유일한 버팀목이었지만 작년에 Safari 14에서 마침내 WebP 지원을 도입했습니다.
WebP의 한계
WebP의 주요 제한 사항은 이미지를 사용하는 모든 방식에서 호환성을 보장하는 것입니다. 웹사이트 데이터를 이메일 캠페인이나 모바일 애플리케이션에 피드하는 경우 문제가 발생할 수 있습니다.
WebP 형식이 작동하는지 확인하기 위해 이미지가 나타날 모든 위치를 테스트해야 합니다. 두 가지 버전의 이미지를 제공하는 것도 고려할 수 있습니다. 허용되는 경우 WebP를 사용하고 WebP가 지원되지 않는 경우 대체 JPEG 또는 PNG를 사용합니다.
WordPress로 WebP를 활성화하는 방법
WordPress는 버전 5.8에서 WebP 지원을 제공하기 시작했습니다. 서버가 WebP를 지원하는 경우 지원되는 다른 이미지 유형과 마찬가지로 WebP 이미지를 업로드하고 사용할 수 있어야 합니다.
WordPress에서 WebP 이미지를 사용하기 위한 옵션은 다음과 같습니다.
- 수동으로 이미지 변환. CloudConvert 와 같은 온라인 도구를 사용하여 이미지를 WebP로 변환합니다. 파일을 변환기에 업로드한 다음 새 파일을 WordPress 라이브러리에 업로드해야 하므로 시간이 많이 걸리는 수동 작업입니다.
- 이미지 최적화 플러그인. 많은 이미지 최적화 플러그인에는 이미 이미지를 WebP 파일로 변환하고 표시하는 옵션이 포함되어 있습니다. 플러그인 설명서를 확인하여 사이트에 대한 옵션을 활성화하는 방법을 확인하십시오.
- WebP 플러그인. 최적화 플러그인 대신 WebP Converter for Media 와 같이 특별히 설계된 플러그인을 사용하여 업로드된 이미지를 WebP로 자동 변환할 수도 있습니다.
WebP 및 Pressable을 통한 더 빠른 사이트
WebP에 관심이 있다면 사이트가 최대한 빨리 로드되기를 원할 것입니다. WebP의 놀라운 압축으로 이미지 파일 크기를 절반으로 줄이는 것은 시작하기에 좋은 곳입니다. 사이트가 최대한 빨리 작동하도록 하는 다른 방법은 올바른 호스트를 선택하는 것입니다.
Pressable에서 호스팅 서비스는 WordPress 사이트에 가능한 최고의 성능을 제공합니다. 당사의 클라우드 기반 관리형 호스팅 서비스는 100% 가동 시간과 번개처럼 빠른 속도를 제공하면서 사이트를 간단하게 관리할 수 있도록 합니다. 아, 그리고 WebP 지원? 우리는 그것을 다룹니다. 당사의 글로벌 CDN 네트워크는 WebP도 지원하므로 이 새로운 이미지 형식을 사용하여 속도를 향상시키는 모든 이점을 얻을 수 있습니다.
Pressable이 WordPress의 작동을 향상시키는 방법에 대해 자세히 알아보려면 지금 맞춤형 데모를 예약 하세요.
