무료 변환기

PNG로 WEBP 변환기

PNG 이미지를 WEBP 형식으로 즉시 변환하세요. 높은 품질을 유지하고 투명성을 유지하면서 파일 크기를 줄입니다. 안전하고 빠르며 완전 무료입니다.

여기에 PNG를 드래그 앤 드롭하세요.

최대 50MB까지 지원

또는

이 도구에 대하여

PNG를 WebP로 변환하는 것은 웹 이미지 전달을 위한 가장 효과적인 단일 최적화 중 하나입니다. 무손실 압축으로 인코딩된 WebP는 일반적으로 눈에 띄는 차이 없이 동등한 PNG보다 25% 작은 파일을 생성합니다. 기본 품질의 손실 WebP는 사진 PNG를 60~80% 축소하는 경우가 많습니다. 전자상거래, 블로그, 문서, 이미지가 많은 단일 페이지 앱 등 많은 이미지를 제공하는 사이트의 경우 WebP 제공으로 전환하면 속도와 대역폭 측면에서 상당한 이득을 얻을 수 있습니다.

이 변환기는 canvas.toBlob('image/webp')을 통해 모든 최신 브라우저에서 사용할 수 있는 내장 이미지 인코더를 사용하여 브라우저에서 로컬로 WebP를 인코딩합니다. PNG는 캔버스로 디코딩된 다음 선택한 품질 수준에서 WebP로 다시 인코딩됩니다. 업로드도 없고, 서버 측 처리도 없고, 파일 보존도 없습니다.

무손실 WebP와 손실 WebP 중에서 선택하는 것은 콘텐츠에 따라 다릅니다. 사진 및 복잡한 컬러 이미지의 경우 품질 75~85의 손실이 있는 WebP는 일반적으로 파일 크기를 절반으로 줄이면서 소스와 구별할 수 없습니다. UI 스크린샷, 로고, 다이어그램 및 날카로운 모서리나 텍스트가 있는 이미지의 경우 무손실 WebP는 아티팩트 없이 세부 정보를 보존합니다.

PNG를 WebP로 변환하는 이유

WebP가 존재하는 이유는 한 가지입니다. 동일한 품질의 더 작은 파일입니다. 최신 웹 사이트의 경우 페이지 무게가 로드 시간, 모바일 데이터 사용량 및 검색 순위에 영향을 미치는 핵심 웹 바이탈 점수에 직접적인 영향을 미치기 때문에 이는 중요합니다. PNG를 WebP로 교체하면 일반적으로 크기가 25~80% 감소하여 더 빠른 페이지로 직접 변환됩니다.

브라우저 지원은 현재 버전의 Chrome, Firefox, Safari 및 Edge에서 보편적입니다. 이 형식은 2020년부터 기본적으로 지원되었습니다. 대부분의 프로덕션 사이트에서는 이전 브라우저에 대한 PNG 대체 기능을 사용하여 WebP를 제공할 필요가 없습니다. 직접 WebP 전달은 95% 이상의 방문자에게 효과적입니다. 전환은 모든 페이지 조회에 대해 비용을 회수하는 일회성 단계입니다.

사용 방법

PNG를 삭제하고 품질을 선택하고 인코딩하세요. 전체 파이프라인이 브라우저에서 실행됩니다.

  1. PNG 업로드: 파일을 업로드 영역으로 드래그하거나 클릭하여 찾아보세요. 최대 50MB의 파일이 허용됩니다. 다중 이미지 일괄 변환이 지원됩니다.
  2. 품질을 선택하세요: 기본값은 85이며 이는 사진 콘텐츠에 적합한 손실 균형입니다. 무손실 WebP에는 100을 사용하세요. 픽셀이 완벽하고 PNG보다 작습니다. 사진 콘텐츠의 크기를 적극적으로 줄이려면 60~75를 사용하세요.
  3. 전환하다: 브라우저는 PNG를 캔버스로 디코딩하고 canvas.toBlob('image/webp', quality / 100)을 호출합니다. 인코더는 서버 왕복 없이 브라우저 프로세스에서 실행됩니다.
  4. 다운로드: WebP 파일을 저장합니다. 출력 파일 이름은 확장자가 .webp인 소스 PNG 이름을 사용합니다. 더 작은 파일 제공을 시작하려면 HTML 또는 CMS에서 PNG 참조를 바꾸세요.

일반적인 사용 사례

기술적인 세부사항

WebP는 손실 인코딩에는 VP8을 사용하고 무손실 인코딩에는 VP8L을 사용합니다. Lossy WebP는 블록 기반 예측(인접 블록의 프레임 내 코딩), DCT와 유사한 변환(4×4 및 Walsh-Hadamard), 산술 코딩 및 정교한 루프 필터를 적용합니다. 결과는 JPEG의 이전 8×8 DCT와 Huffman 접근 방식보다 훨씬 더 효율적입니다.

무손실 WebP는 LZ77 역참조를 여러 선택적 예측 변환(녹색 빼기, 색상 캐시, 예측, 색상 변환)과 결합합니다. 반복되는 패턴이나 넓은 평면 영역(UI 모형, 아이콘, 다이어그램)이 있는 이미지의 경우 PNG에 비해 절감 효과가 50%를 초과할 수 있습니다.

브라우저의 인코더는 품질 매개변수(0~100)를 내부 VP8 양자화 수준에 매핑합니다. 품질 100은 대부분의 브라우저 구현에서 무손실 모드를 트리거합니다. VP8에는 더 효율적인 엔트로피 코딩이 있으므로 인코딩 속도는 일반적으로 동등한 PNG 인코딩보다 빠릅니다.

모범 사례

자주 묻는 질문

PNG를 WEBP로 변환하면 이미지 품질이 떨어지나요?
WEBP는 손실과 무손실을 모두 사용합니다. 품질이 약간 저하될 수 있지만 대부분의 경우 그 차이는 미미합니다. 손실을 최소화하려면 가능한 경우 더 높은 품질 설정을 선택하십시오.
WebP 형식의 장점은 무엇입니까?
WebP는 일반적으로 동일한 품질의 JPG 및 PNG보다 25-35% 작은 파일을 생성합니다. 손실 및 무손실 압축, 투명도 및 애니메이션을 모두 지원합니다. 모든 최신 브라우저는 WebP를 지원합니다.
애니메이션 PNG 파일을 변환할 수 있나요?
이 도구는 정적 이미지를 변환합니다. 애니메이션 콘텐츠의 경우 전문적인 애니메이션 변환기가 필요합니다.
변환 중에 내 이미지는 비공개로 유지되나요?
예. PNG 파일은 Canvas API 및 JavaScript를 사용하여 브라우저 내에서 완전히 처리됩니다. 아무 서버에도 업로드되지 않습니다. 파일은 장치에서 변환기로 직접 이동한 다음 다시 장치로 돌아옵니다.
내 PNG가 서버에 업로드됩니까?
아니요. 변환은 캔버스 API와 브라우저에 내장된 WebP 인코더를 사용하여 브라우저에서 실행됩니다. 파일은 장치를 떠나지 않습니다.
여러 개의 PNG를 한 번에 변환할 수 있나요?
예. 여러 파일을 업로드 영역에 놓습니다. 각각은 개별적으로 인코딩되어 별도의 WebP로 다운로드됩니다. 매우 큰 배치의 경우 cwebp 또는 Sharp와 같은 데스크탑 도구가 더 효율적입니다.
WebP가 PNG보다 더 나은 압축을 제공하는 이유는 무엇입니까?
WebP는 정교한 예측 및 엔트로피 코딩이 포함된 VP8/VP8L 인코딩을 사용하는 반면, PNG는 이미지 데이터용으로 특별히 조정되지 않은 오래된 범용 알고리즘인 DEFLATE를 사용합니다. WebP의 무손실 모드는 또한 PNG의 스캔라인별 필터보다 더 예측 가능한 변환을 제공합니다.
WebP는 애니메이션을 지원하나요?
예, WebP는 GIF 또는 APNG와 유사한 애니메이션을 지원합니다. 이 변환기는 정지 이미지만 처리합니다. 애니메이션 PNG(APNG)에서 애니메이션 WebP로의 경우 다른 변환 경로가 필요합니다.