ToolActToolAct

이미지 to WebP 변환 도구

일괄 이미지를 WebP 형식으로 변환, 더 작은 크기와 높은 화질

이미지 업로드

이미지를 여기에 드래그하거나 클릭하여 선택하세요

JPG, PNG, GIF, BMP 형식 지원, 한 번에 여러 장 선택 가능

이미지 WebP 변환이란?

Image to WebP 도구는 JPG, PNG, GIF, BMP 등 다양한 이미지 파일을 WebP 형식으로 변환합니다. 파일은 ToolAct의 WebP 변환 서비스에 업로드되어 서버 측 libwebp(libvips를 통해)가 인코딩을 완료한 뒤 브라우저로 다시 전송되며, 변환이 완료되면 임시 업로드 파일은 즉시 서버에서 삭제되고 보관되지 않으며 훈련에 사용되지 않습니다. WebP는 웹용으로 설계된 현대 형식으로, 사진과 그래픽에서 더 작은 파일 크기를 자주 제공하면서 투명도와 손실/무손실 두 모드를 설정에 따라 지원합니다. 일반적으로 페이지 로딩 가속, 업로드 크기 축소, 대역폭 절감, 현대 자산 최적화 등에 사용됩니다. 다만 WebP가 모든 상황에서 최선은 아닙니다. 매우 오래된 클라이언트, 인쇄 워크플로, 메타데이터 요구 사항, 이미지 편집 소프트웨어 등은 PNG, JPG 또는 다른 형식을 선호할 수 있습니다. 변환 후에는 압축비만으로 판단하지 말고 선명도, 투명도, 색상 표현, 파일 크기를 함께 확인하세요.

사용 방법

사용 방법

  1. 이미지를 드래그하거나 클릭해 업로드하세요(여러 장 가능)
  2. WebP 품질 슬라이더를 조절하세요(시각적 품질을 위해 80% 이상 권장)
  3. "변환" 버튼을 누르고 결과를 확인한 뒤 다운로드하세요

품질 팁

  • 스크린샷, UI 이미지, 텍스트가 많은 그래픽에는 높은 품질을 사용하세요. 날카로운 경계 주변에서 압축 아티팩트가 더 잘 드러납니다.
  • 투명도, 애니메이션, 정확한 색상 매칭이 중요하다면 원본 파일을 보관하세요.

활용 사례

이미지를 일괄로 WebP로 변환하나 이상의 이미지 파일을 추가하고 품질 설정을 선택한 뒤 대기 중이거나 실패한 항목을 즉시 미리보기와 다운로드 컨트롤로 WebP로 변환합니다. 스크린샷과 아이콘에는 무손실 모드를 선택하세요. 알파 채널이 보존됩니다. 손실 WebP는 4:2:0 크로마 샘플링으로 완전 투명 픽셀을 0,0,0,0으로 버립니다.
저장 전 WebP 출력과 원본 비교다운로드 전에 각 이미지 미리보기, 크기, 원본 용량, 변환 용량, 원본 형식, 변환 형식, 용량 변화 비율을 확인하세요. WebP 버전을 사용할 레이아웃에서 확인하기 전까지 원본 파일을 보관하세요. 손실 WebP는 품질 70 이하에서 순수 빨간색과 노란색의 채도를 미묘하게 떨어뜨릴 수 있으므로 브랜드 핵심 아트워크는 원본 삭제 전에 PNG와 나란히 A/B 비교가 필요합니다.
웹 에셋 일괄 준비블로그 이미지, 문서 스크린샷, 상품 에셋, 앱 미디어를 더 작은 웹 배포용으로 준비할 때 성공적인 변환 후 개별 다운로드 또는 전체 다운로드를 사용하세요. 모든 변환된 에셋을 대상 브라우저나 CMS에서 확인하기 전까지 원본을 보관하세요. Safari는 14.0에서 WebP 지원을 추가했으며, 업그레이드할 수 없는 관리형 iPad에서 에셋이 로드되어야 한다면 iOS Safari 16+가 가장 안전한 기준선입니다.
히어로 이미지의 품질과 파일 크기 조정상품 히어로 사진의 경우 품질을 75-82로 낮추고 텍스트 경계, 그라데이션, 피부 톤 주변의 선명도를 비교한 뒤 커밋하세요. 평탄한 하늘에 밴딩이 나타나면 더 높은 품질로 다시 실행하세요. 공격적인 WebP 압축은 JPG가 숨기는 포스터화를 드러낼 수 있습니다.
미지원 워크플로우에서 투명도 손실 주의소스 PNG에 알파 채널이 있을 때 변환된 미리보기를 주시하세요. 일부 다운스트림 도구가 WebP를 JPG로 재인코딩하면서 투명도를 조용히 버립니다. 알파 레이어 보존이 필요한 아이콘, 스티커, 오버레이 에셋에는 무손실 WebP를 내보내거나 PNG로 폴백하세요. 특히 2020년 이전에 출시된 WebP 미지원 브라우저에서 중요합니다. GIF 애니메이션을 WebP로 변환하면 프레임당 원본 지연이 보존되지만, 인코더에 소스 GIF와 동일한 배경 채우기 동작이 전달되지 않으면 처리 모드 시프트로 고스트 프레임이 남을 수 있습니다.

기술 원리

WebP는 세 가지 내부 코덱을 기반으로 한 Google 컨테이너 형식입니다. VP8은 손실 정지 이미지, VP8L은 무손실, VP8X는 알파, 애니메이션, ICC 프로필, EXIF 청크를 추가하는 확장 컨테이너입니다. 손실 WebP는 VP8 인트라 프레임 예측, 4타일 DCT, 인루프 디블로킹, 산술 코딩을 적용하고, 무손실 WebP는 색상 공간 변환과 잔차에 대한 LZ77 백레프 스킴을 실행합니다. 동일한 SSIM에서 JPEG 대비 손실 WebP는 평균 25-35% 작고, 무손실 WebP는 PNG 대비 평균 26% 작습니다. 이 도구의 변환은 서버 측에서 이루어집니다. 브라우저는 각 이미지를 서명 인증된 멀티파트 업로드로 ToolAct의 /image/convert/webp 엔드포인트에 보냅니다. 서버는 바이트 스트림을 libvips에 전달하여 소스(PNG, JPEG, GIF, BMP, TIFF)를 디코딩하고, 픽셀 버퍼를 Google의 WebP 참조 인코더인 libwebp에 넘깁니다. 품질 슬라이더는 libwebp의 -q 파라미터(0-100)에 직접 매핑됩니다. 100 미만의 값은 4:2:0 크로마 서브샘플링과 채널당 8비트 범위로 손실 VP8 경로를 선택하고, 품질 100은 모든 픽셀을 정확히 보존하는 무손실 VP8L 경로로 전환됩니다. 인코더는 비트스트림을 RIFF(Resource Interchange File Format) WebP 컨테이너에 기록하고, 알파 또는 ICC를 위해 필요시 VP8X 확장 청크를 추가하며, 결과는 응답 본문으로 스트리밍 회신됩니다. 임시 업로드 파일은 응답이 작성되는 즉시 서버에서 삭제되며, 보관되지 않고 훈련에 사용되지 않습니다. 현재 지원 범위는 JPEG 대체품으로 충분히 넓습니다. Chrome 32+, Edge 18+, Firefox 65+, Safari 14+가 디코더를 포함합니다. 남은 엣지 케이스는 예측 가능합니다. 손실 WebP는 4:2:0 크로마가 부분 알파를 완전한 충실도로 담을 수 없기 때문에 투명 픽셀을 RGBA 0,0,0,0으로 강제합니다. 품질 70 이하에서는 평탄한 하늘에 포스터화가 나타나고 브랜드 색상의 빨간색/노란색 채도가 떨어지기 때문에 상품 히어로 샷은 보통 80-85 대역에 머뭅니다. 애니메이션 WebP는 libwebp의 mux 도구로 만들 수 있지만 일반적인 배치 케이스는 정지 이미지이므로, 프레임 단위 애니메이션 소스(애니메이션 GIF)는 모든 프레임을 보존하도록 인코더에 명시적으로 지시해야 하며 그렇지 않으면 첫 프레임만 내보내집니다.

  • 컨테이너: VP8 손실, VP8L 무손실, VP8X 확장(알파, 애니메이션, ICC, EXIF); 세 레이아웃은 동일한 RIFF 래퍼를 공유합니다.
  • 서버 파이프라인: libvips가 소스를 디코딩하고 libwebp가 출력을 인코딩합니다. 품질 슬라이더는 libwebp의 -q 파라미터에 매핑되며, quality=100은 무손실 VP8L 경로를 선택하고, 낮은 값은 4:2:0 크로마의 손실 VP8 경로를 선택합니다.
  • 크기 비율: 동일한 SSIM에서 JPEG보다 약 25-35% 작고, 투명성을 포함한 무손실은 PNG보다 약 26% 작습니다.
  • 알파 처리: 손실 WebP는 완전 투명 픽셀을 RGBA 0,0,0,0으로 평탄화하며, 진정한 알파를 보존하려면 무손실 모드를 선택하거나 아이콘에는 PNG를 유지하세요.
  • 브라우저 기준선: Chrome 32+, Edge 18+, Firefox 65+, Safari 14+/iOS 14+; 업그레이드할 수 없는 구형 잠금 장치는 여전히 PNG/JPG 폴백이 필요합니다.
  • 변환 라이프사이클: 업로드된 각 파일은 libwebp 인코딩을 실행하고 결과를 스트리밍 회신하는 동안에만 보관됩니다. 임시 파일은 변환의 성공 또는 실패 여부와 관계없이 응답이 닫힐 때 삭제됩니다.

예시

JPG 메인 사진, 품질 80

입력:   hero.jpg     1920 x 1080  1.24 MB
품질:   80
출력:   hero.webp    1920 x 1080  381 KB
용량 감소: 69.4%
시각: 일반 시청 거리에서 구분 불가, 피부톤 보존

투명도 있는 PNG 아이콘, 무손실

입력:   logo.png     512 x 512    44 KB (알파 채널)
품질:   100 (무손실)
출력:   logo.webp    512 x 512    18 KB
용량 감소: 59%
알파 채널: 정확히 보존, 다크 모드 오버레이에 안전

블로그 스크린샷 20장 일괄 변환

입력:   PNG 스크린샷 20장, 평균 380 KB (총 7.6 MB)
품질:   85
출력:   WebP 파일 20개, 평균 95 KB (총 1.9 MB)
총 절약: 5.7 MB (75%)
전체 다운로드 -> screenshots.zip

상품 사진, 품질 비교

원본: sneaker.jpg 2400 x 2400  1.8 MB
q=90 -> 612 KB (리테일 메인 비주얼에 최적)
q=80 -> 348 KB (권장 기본값)
q=70 -> 228 KB (스티치 부분에 부드러움 보임)
q=60 -> 162 KB (붉은색 그라데이션에 밴딩 시작)

자주 묻는 질문

WebP 변환이 브라우저에서 처리되나요?

아니요. 각 이미지는 ToolAct의 WebP 변환 서비스(/image/convert/webp 엔드포인트)에 업로드되어 서버 측 libwebp가 인코딩한 뒤 taskId를 통해 다시 다운로드됩니다. 변환이 완료되면 임시 파일은 즉시 서버에서 삭제되며 보관되지 않고 훈련에 사용되지 않습니다. 개인 정보가 담긴 사진이나 기밀 디자인 자료는 업로드를 피하세요.

어떤 입력 형식을 WebP로 변환할 수 있나요?

JPEG, PNG, GIF, BMP, TIFF가 일반적인 원본 형식입니다. 애니메이션 GIF에서 변환할 경우 상위 인코더가 지원하면 애니메이션 WebP가 만들어지고, 그렇지 않으면 첫 프레임만 내보냅니다.

손실 WebP인가요, 무손실 WebP인가요?

WebP는 둘 다 지원합니다. 기본값은 손실 방식인데 파일 크기 감소 효과가 가장 크기 때문이며, 일반적으로 비슷한 화질의 JPEG 대비 25~35% 작아집니다. 무손실 WebP는 PNG에 가까운 크기로, 스크린샷·아이콘·라인 아트에 더 유용합니다.

투명도와 애니메이션이 함께 유지되나요?

네. WebP는 알파 채널을 지원하므로 PNG의 투명도가 깔끔하게 변환됩니다. 애니메이션 GIF는 애니메이션 WebP로 변환되지만, 정적인 형식에서는 당연히 움직임을 만들어낼 수 없습니다.

모든 브라우저가 결과 파일을 열 수 있나요?

최신 Chrome, Firefox, Edge, Safari(14+)와 대부분의 메시징 앱은 WebP를 기본 지원합니다. 다만 구형 브라우저, 일부 인쇄 파이프라인, 일부 구형 Office 클라이언트는 아직 지원하지 않으니 어디서나 열려야 한다면 JPEG 또는 PNG 폴백을 함께 두세요.

WebP가 원본 JPEG 대비 거의 작아지지 않는 이유는 뭔가요?

이미 강하게 압축된 JPEG는 WebP가 더 줄일 여지가 거의 없습니다. 절감 효과는 PNG나 고품질 JPEG 같은 고품질 마스터에서 시작해 적당한 품질로 WebP로 재인코딩할 때 가장 큽니다.

EXIF와 색상 프로파일은 유지되나요?

EXIF와 ICC 프로파일은 변환 시 보통 제거됩니다. 프라이버시 측면에서는 유리하지만 결과 WebP는 감식용 원본으로 사용할 수 없습니다. 나중에 해당 메타데이터가 필요하다면 원본 파일을 함께 보관하세요.

관련 도구

이미지 압축 도구

온라인 이미지 압축 도구로 JPEG, PNG, WebP 등 포맷을 지원하며 압축 품질과 크기를 조절할 수 있습니다. 브라우저 로컬에서 처리하여 프라이버시 보안을 보호합니다.

이미지 포맷 변환 도구

온라인 이미지 포맷 변환 도구로 JPG, PNG, WebP, BMP, GIF 포맷 상호 변환을 지원하며 출력 품질을 조절할 수 있습니다. 브라우저 로컬에서 처리하여 프라이버시 보안을 보호합니다.

이미지 Base64 변환 도구

온라인 이미지 Base64 상호 변환 도구로 드래그 앤 드롭 업로드, 실시간 미리보기, 다양한 이미지 포맷을 지원합니다. 이미지를 Base64로 변환하여 코드에 삽입하면 HTTP 요청을 줄일 수 있습니다.

이미지 PDF 변환 도구

온라인 이미지 PDF 변환 도구로 JPG, PNG, WebP 이미지를 PDF로 변환하며 페이지 크기, 방향, 맞춤 모드를 조절할 수 있습니다. 브라우저 로컬 처리로 프라이버시를 보호합니다.

이미지 워터마크 도구

온라인 이미지 워터마크 도구로 텍스트 워터마크와 이미지 워터마크를 지원하며 위치, 투명도, 크기를 조절할 수 있습니다. 브라우저 로컬에서 처리하여 프라이버시 보안을 보호합니다.

이미지 그레이스케일 변환 도구

온라인 이미지 흑백 변환 도구로 컬러 이미지를 그레이스케일 효과로 변환합니다. 일괄 처리를 지원하며 브라우저 로컬에서 처리하여 프라이버시 보안을 보호합니다.