WebP 압축 — 입력 준비

입력·출력 예제

WebP를 압축하기 전에 정지 이미지인지, 투명도가 있는지, 어떻게 인코딩되었는지 확인하세요. 세 가지 모두 결과를 바꿔요.

사이트에서 저장한 배너 이미지를 가진 블로거가 용량이 큰 1600 × 900 WebP를 쓴다고 해 볼게요. 먼저 움직이는 이미지가 아닌지 확인하세요. 도구가 이미지를 캔버스에 그리기 때문에, 움직이는 WebP는 한 프레임의 정지 이미지로 나오고 움직임은 사라져요. 애니메이션이 필요하다면 이 단계를 쓰지 마세요.

그다음 이력을 생각해 보세요. 다른 사이트에서 저장한 WebP는 거의 확실히 이미 한 번 손실 압축되어 있고, 더 낮은 품질로 다시 압축하면 기존 손상 위에 새 손상이 쌓여요. 그래픽과 캡처에 자주 쓰는 무손실 WebP는 달라요. 브라우저가 슬라이더 값의 손실 방식으로 다시 인코딩해서, 정확한 픽셀을 내주고 더 작은 파일을 얻어요.

투명도는 어두운 배경과 밝은 배경 위에서 파일을 보면서 확인하세요. 가장자리가 부드러운 누끼 상품은 불투명한 사진보다 더 완만한 설정이 필요해요. 도구는 WebP의 알파 채널을 유지하지만 있는 것만 유지하니, 앞서 평탄화된 원본은 투명도를 되찾을 수 없어요.

버튼을 누르기 전 마지막으로 치수와 용량을 기록하고 브라우저에서 파일이 제대로 보이는지 확인하세요. 6,400만 화소를 넘는 이미지는 먼저 자르거나 줄이라는 안내와 함께 거부되고, JPG, PNG, WebP가 아닌 원본은 PNG로 내보내져 시작한 파일보다 무거울 수 있어요.

WebP still image

WebP still export

움직이는 WebP는 여기서 애니메이션으로 유지되지 않으니, 결과는 한 프레임이라고 생각하세요.