WordPress, Shopify, Wix에서 WebP 이미지 쓰는 법
플랫폼별로 WebP를 어떻게 처리하는지, 그리고 언제 직접 변환해야 하는지.
WebP 이미지는 같은 품질에서 JPG와 PNG보다 작고, 모든 최신 브라우저에서 표시돼요. 직접 이미지를 변환해야 하는지는 플랫폼에 따라 달라요. 이미 알아서 해 주는 플랫폼도 있거든요. 이 가이드는 작성 시점의 플랫폼 동작을 바탕으로 해요. 플랫폼은 바뀌니까, 다르게 보이는 부분이 있다면 최신 도움말 페이지를 확인하세요.
WordPress
WordPress는 서버의 이미지 라이브러리가 WebP를 지원하는 호스팅이라면 5.8 버전부터 미디어 라이브러리에 WebP 업로드를 받아요. 업로드한 WebP는 글, 페이지, 대부분의 테마에서 다른 이미지와 똑같이 작동해요. WordPress가 업로드한 JPG를 스스로 WebP로 변환하지는 않아요. 그건 이미지 최적화 플러그인이나 호스팅 업체가 해 줘요.
직접 변환하면 좋은 경우: 플러그인을 추가하지 않고 파일을 줄이고 싶거나, 새 이미지를 한꺼번에 올릴 때예요. 업로드 전에 JPG를 WebP로로 변환하세요. 로고용 PNG는 테마가 WebP 투명 배경을 제대로 표시하지 못할 때만 유지하면 되는데, 그런 경우는 드물어요.
Shopify
Shopify의 이미지 CDN은 어떤 형식으로 올렸든, 지원하는 브라우저에는 WebP 같은 최신 형식으로 자동으로 이미지를 제공해요. 업로드 형식보다 업로드 크기가 더 중요해요. 5 MB짜리 상품 사진은 여전히 5 MB에서 처리돼요. Shopify는 WebP 업로드도 바로 받아요.
직접 변환하면 좋은 경우: 형식 때문이라면 거의 없어요. 대신 업로드 전에 상품 사진의 긴 변을 약 2000~2048픽셀로 크기 조정하세요. 확대해도 선명하면서 공간을 낭비하지 않아요.
Wix
Wix는 업로드된 이미지를 최적화하고 지원하는 브라우저에는 자동으로 WebP를 제공해요. Shopify처럼 직접 변환하는 것보다 적당한 업로드 크기가 더 중요해요.
직접 변환하면 좋은 경우: Wix 밖에서 쓸 WebP 파일이 필요하거나, 이미지가 아주 많은 페이지에서 사이트 편집기 자체의 최적화만으로 부족할 때예요.
WebP를 만나는 다른 곳들
- Squarespace, Webflow 등 대부분의 최신 사이트 빌더는 WebP 업로드를 받고, 많은 곳이 자동으로 변환도 해 줘요.
- 이메일 뉴스레터는 예외예요. 이메일 앱의 WebP 지원은 아직 들쭉날쭉해요. 이메일에는 JPG와 PNG를 쓰세요.
- 오픈마켓과 업로드 양식은 WebP를 거부하는 경우가 많아요. 다른 곳에 올리는 이미지는 JPG 버전을 보관해 두세요.
WebP가 열리지 않을 때
반대 방향의 문제도 있어요. 웹사이트에서 WebP를 다운로드했는데 오래된 프로그램, 인쇄소, 양식이 받아 주지 않는 경우예요. WebP를 JPG로로 다시 변환하거나, 투명 배경이 있다면 WebP to PNG로 변환하세요.
어떤 플랫폼에서든 통하는 간단한 작업 순서
- 이미지가 표시될 가장 큰 크기로 크기를 조정하세요.
- 플랫폼이 자동으로 변환하지 않는다면 품질 80의 WebP로 변환하세요.
- 플랫폼이나 테마가 바뀌면 다시 내보낼 수 있도록 원본은 폴더에 보관하세요.