이미지를 WEBP 형식으로 변환하는 컨버터

선택한 파일 복원 중...
Source
크기
x
파일 크기

WebP는 사파리 14버전부터 모든 최신 브라우저에서 지원되며, 동일한 화질을 유지하면서 JPG보다 25~35% 더 작고, 무손실 변환의 경우 PNG보다 20~25% 더 작은 파일을 자동으로 생성합니다. 하나 이상의 이미지를 업로드하면 이 컨버터가 적절한 모드(사진은 손실형, 그래픽은 무손실형)로 WebP를 생성하며, 투명성이 존재하는 경우 이를 그대로 보존합니다.

WebP로 변환하는 방법

  1. 1

    이미지를 업로드하세요

    JPG, PNG, GIF, BMP, TIFF, HEIC

  2. 2

    손실형 또는 무손실형을 선택하세요

    사진의 경우 품질 75~85에서 손실이 발생하며, 로고, 스크린샷 및 아이콘은 손실 없이 처리됩니다.

  3. 3

    품질을 설정하세요

    손실 압축 품질은 0~100 범위이며, 80이 일반적으로 이상적인 값입니다.

  4. 4

    절감 효과 미리보기

    원본 크기와 WebP 크기를 나란히 표시합니다.

  5. 5

    다운로드

    배치의 단일 파일 또는 ZIP 파일.

WebP 대 JPG 대 PNG

WebP는 두 가지 모드를 갖춘 단일 형식으로, 손실(JPG와 유사하지만 더 우수함)과 무손실(PNG와 유사하지만 파일 크기가 더 작음)을 지원합니다.

손실 압축 비교: JPG 대비

JPG 품질 동일한 외관을 위한 WebP 품질 일반적인 크기 절감
85 78 25-30%
80 72 28-33%
70 60 30-35%

무손실 압축 비교: PNG 대비

  • 스크린샷의 경우 WebP 무손실 형식은 일반적으로 PNG보다 약 20~26% 작습니다.
  • 색상이 적고 단순한 로고의 경우, 최적화된 PNG-8이 때때로 WebP보다 나을 수 있습니다.

브라우저 지원

  • Chrome, Edge: 2014년 출시된 버전 32부터.
  • Firefox: 버전 65(2019년)부터.
  • Safari: 버전 14(2020년)부터 지원하며, 이전 버전의 iOS에서는 대체 방식이 필요합니다.
  • Android WebView: 모든 최신 버전.

구형 클라이언트를 위해 <picture> 요소와 JPG/PNG 대체 파일을 함께 제공하세요.

<picture>
  <source type="image/webp" srcset="hero.webp">
  <img src="hero.jpg" alt="Hero">
</picture>

애니메이션

WebP는 애니메이션도 지원하며, 동일한 품질에서 GIF보다 파일 크기가 작습니다. 짧은 반복 애니메이션의 경우, 애니메이션 WebP는 GIF에서 손쉽게 업그레이드할 수 있는 방식입니다.

변환하지 않는 경우

  • 기록 보관용 아카이브: 원본 형식 그대로 보관하세요.
  • 이메일 첨부 파일: 많은 이메일 클라이언트가 여전히 WebP를 인라인으로 표시하지 못합니다. JPG는 어디서나 호환됩니다.
  • 인쇄 워크플로: CMYK 인쇄 파이프라인은 WebP가 아니라 JPG 또는 TIFF를 필요로 합니다.

자주 묻는 질문

네, 지원은 현대의 대부분 브라우저에서 기본적으로 보편적입니다. 매우 구식 브라우저를 처리해야 할 경우 JPG 백업 이미지를 사용하는 <picture> 요소를 사용하세요. 대부분의 사용자에게는 일반적인 <img src="foo.webp"> 요소가 충분합니다.

파일 크기가 일치할 경우, WebP는 일반적으로 JPG보다 약간 더 우수하며 시각적으로는 PNG와 동일합니다. 품질이 동일한 경우에는 WebP가 더 작습니다. 이 차이는 콘텐츠에 따라 달라지는데, 사진의 경우 평면적인 삽화보다 더 큰 이점이 있습니다.

네, 손실 및 무손실 WebP 모두 8비트 알파 채널을 지원합니다. 이 형식은 온전한 PNG 대체이자 온전한 JPG 대체를 하나의 형식으로 제공합니다.

웹 본문 이미지의 경우 75~80, 히어로 이미지의 경우 80~85, 썸네일의 경우 65~70이 적당합니다. 최적값이 동등한 JPG 값보다 낮은 이유는 WebP가 더 효율적으로 압축하기 때문입니다.

관련 도구

이 도구는 다른 언어로도 제공됩니다