이 도구가 유용할 때
대상 브라우저가 WebP를 지원하고 시각적 비교가 가능한 경우 웹 이미지 전송 크기를 줄임
로컬 처리 작동 방식
브라우저가 PNG 픽셀을 디코딩하고 선택한 품질로 새로운 WebP를 인코딩합니다.
사용 방법
- 소스 준비: 대상 브라우저가 WebP를 지원하고 시각적 비교가 가능한 경우 웹 이미지 전송 크기를 줄임
- 로컬에서 처리: 브라우저가 PNG 픽셀을 디코딩하고 선택한 품질로 새로운 WebP를 인코딩합니다.
- 다운로드 및 확인: 100% 및 200%에서 비교하고, 투명한 가장자리와 평면 색상을 확인하며, 치수를 확인한 후 실제 바이트 절약량을 측정합니다.
중요한 제한 사항
품질 인코딩은 아티팩트를 발생시킬 수 있으며, 메타데이터가 제거되고 작은 그래픽이 커질 수 있으며, 구형 소비자는 WebP를 거부할 수 있습니다.
다운로드한 결과 확인
100% 및 200%에서 비교하고, 투명한 가장자리와 평면 색상을 확인하며, 치수를 확인한 후 실제 바이트 절약량을 측정합니다.
설계상 개인정보 보호
파일은 브라우저에 남습니다. 이 도구는 원본이나 출력을 서버로 업로드하지 않습니다.
질문과 답변
이 도구가 유용한 경우는 언제인가요?
대상 브라우저가 WebP를 지원하고 시각적 비교가 가능한 경우 웹 이미지 전송 크기를 줄임
브라우저는 실제로 무엇을 하나요?
브라우저가 PNG 픽셀을 디코딩하고 선택한 품질로 새로운 WebP를 인코딩합니다.
어떤 제한을 이해해야 하나요?
품질 인코딩은 아티팩트를 발생시킬 수 있으며, 메타데이터가 제거되고 작은 그래픽이 커질 수 있으며, 구형 소비자는 WebP를 거부할 수 있습니다.
결과를 어떻게 확인해야 하나요?
100% 및 200%에서 비교하고, 투명한 가장자리와 평면 색상을 확인하며, 치수를 확인한 후 실제 바이트 절약량을 측정합니다.