WebP 압축

이미 WebP인 파일을 품질·해상도 조절로 더 가볍게 만듭니다. 최신 브라우저 중심 사이트에서 전송량을 줄일 때 사용하세요.

이미지를 여기에 놓으세요

또는 클릭하여 선택 — JPEG, PNG, WebP, GIF, AVIF, HEIC

이미지 크기 줄이기

    WebP는 JPG·PNG 대비 비슷한 품질에서 용량이 작은 경우가 많은 웹 이미지 포맷입니다. 이미 WebP로 내보낸 에셋이 여전히 크다면, 품질 값을 한 단계 낮추거나 긴 변 픽셀을 줄여 재압축하는 편이 효과적입니다. 이 페이지는 WebP 입력에 맞춰 미리보기와 용량 비교에 집중합니다.

    일부 구형 환경은 WebP를 지원하지 않습니다. 이메일 클라이언트·구형 CMS라면 JPG 폴백이 필요할 수 있습니다. 투명도가 있는 WebP는 품질을 너무 낮추면 가장자리가 깨질 수 있으니 로고·UI는 신중히 조절하세요.

    JPG에서 처음 전환한다면 jpg-to-webp, 차세대 포맷은 compress-avif를 참고하세요.

    사용 방법

    1. WebP 파일 선택 — .webp 파일을 올립니다. 다른 포맷이면 변환 도구를 먼저 사용하세요.
    2. 목표 용도 정하기 — 히어로 이미지인지 썸네일인지에 따라 허용 열화 수준이 다릅니다.
    3. 품질·리사이즈 — 품질을 낮추고, 필요하면 표시 크기에 맞게 픽셀을 줄입니다.
    4. 투명·가장자리 확인 — 알파가 있는 이미지는 배경을 바꿔 가며 헤일로·깨짐을 점검합니다.
    5. 다운로드·배포 — 압축본을 저장하고 CDN·CMS에 올립니다. 캐시 무효화가 필요하면 파일명을 변경하세요.

    활용 사례

    • 랜딩 페이지 히어로 — 큰 비주얼의 전송량을 줄여 초기 로딩을 개선합니다.
    • 카드·목록 썸네일 — 목록에 수십 장이 붙는 UI에서 개별 용량을 낮춥니다.
    • 디자인 핸드오프 — Figma 등에서보낸 WebP를 웹 실무 용량에 맞게 재조정합니다.

    실무 팁

    • 표시 픽셀보다 큰 원본을 그대로 두지 마세요.
    • 손실/무손실 WebP 옵션이 있으면 사진과 그래픽을 구분해 선택하세요.
    • 애니메이션 WebP는 프레임 수에 따라 메모리 사용이 큽니다.
    • SEO·공유 카드가 JPG만 받는 플랫폼인지 확인하세요.

    자주 묻는 질문

    모든 브라우저가 WebP를 읽나요?

    최신 브라우저는 대부분 지원합니다. 매우 구형 환경은 JPG 대체본이 필요할 수 있습니다.

    JPG보다 항상 작나요?

    대개 유리하지만 이미지나 설정에 따라 예외가 있습니다. 직접 비교하세요.

    투명 배경을 유지하나요?

    알파가 있는 WebP는 유지하는 방향이지만, 과도한 손실 압축 시 가장자리가 거칠어질 수 있습니다.

    로컬에서 처리되나요?

    가능하면 브라우저에서 처리해 파일이 외부로 나가지 않게 합니다.

    AVIF와 무엇이 다른가요?

    AVIF는 더 높은 압축 효율을 노리지만 인코딩·호환성 비용이 다를 수 있습니다.

    여러 장 배치 압축?

    UI 지원 여부에 따릅니다. 대량은 해상도부터 통일하면 시간이 줄어듭니다.

    관련 도구

    JPG → WebPAVIF 압축이미지 압축