WebP 압축 — 설정과 품질

입력·출력 예제

WebP 압축의 조절 항목은 20부터 95까지 움직이는 품질 슬라이더 하나이고 시작값은 78이에요. PNG와 달리 WebP에서는 실제로 결과가 달라져요.

실용적인 기준을 드릴게요. 가장자리가 부드러운 투명 누끼 상품과 작은 글자가 있는 그래픽은 85~92, 웹페이지의 일반 사진은 75~82, 썸네일과 카드 이미지는 60~70이에요. 50 아래에서는 질감이 번지고 하늘에 얼룩이 생겨요. 1600 × 900 배너라면 78에서 시작해 5씩 움직이세요.

WebP와 JPEG의 숫자는 서로 바꿔 쓸 수 없어요. 많은 사진에서 78의 WebP는 78의 JPEG보다 더 작으면서 깨끗하게 보일 수 있지만, 이미지마다 달라서 이름표가 아니라 눈으로 확인해야 해요. 슬라이더는 브라우저 인코더의 것이라 파일에는 대략적인 지침으로만 반영돼요.

누끼 이미지에 JPEG보다 WebP를 고르는 이유는 투명도예요. 알파 채널이 유지되어 투명 배경의 상품은 투명한 채로 남아요. 브랜드 색을 정확히 지켜야 하는 무손실 충실도가 필요하면, 여기서 쓰는 손실 WebP는 세부를 바꾸므로 PNG가 더 알맞을 수 있어요.

치수는 그대로라서 1600 × 900 파일은 1600 × 900으로 남고, 작은 자리에는 여전히 과할 수 있어요. 배너를 800 px로 보여 준다면 먼저 크기를 줄이고 그다음에 압축하세요. 새 파일이 원본보다 작지 않으면 더 무거운 사본 대신 원본이 돌아와요.

WebP still image

WebP still export

PNG와 달리 여기서는 슬라이더가 중요하니, 두세 값을 시험해 용량을 비교하세요.