SVG를 WebP로 변환

WebP는 SVG를 받지 않는 웹 페이지, 앱, 스토어에 쓰는 간결한 래스터 형식입니다. 일부 빌더의 앱 아이콘, 쇼핑몰 상품, SNS 미리보기, 이메일이 그렇습니다. 이 변환기는 SVG를 선택한 정확한 픽셀 크기로 그려서 2배나 4배에서도 곡선과 글자가 선명하게 유지되며, 투명도와 함께 WebP로 저장합니다. 로고와 아이콘은 단색과 또렷한 가장자리가 많아서 무손실 모드가 기본이고, 세부 묘사가 많은 일러스트에는 손실 모드가 알맞습니다.

사용 방법

1. .svg 파일을 끌어다 놓거나 SVG 코드를 붙여넣습니다.
2. 크기를 고릅니다. 1배, 2배, 4배, 배율 직접 지정, 또는 정확한 너비입니다.
3. 배경은 투명으로 두거나 색을 고릅니다.
4. 로고와 아이콘은 무손실을 유지하고, 일러스트는 화질을 정한 뒤 내려받습니다.

계산식

출력 너비 = SVG 너비 × 배율(또는 지정한 정확한 너비), 높이 = 너비 × SVG 높이 ÷ SVG 너비. 무손실 WebP(VP8L)는 모든 픽셀을 유지하고, 손실(VP8)은 화질 q를 씁니다.

SVG 크기는 width와 height(CSS 단위, 인치당 96px) 또는 viewBox에서 가져오며, 벡터는 작은 비트맵을 키우는 대신 출력 크기로 직접 렌더링합니다. WebP는 한 변에 최대 16,383px까지 허용합니다. SVG 이미지 안에서는 URL로 참조한 이미지, 글꼴, 스타일시트를 불러오지 않으므로 포함시키거나 텍스트를 윤곽선으로 바꾸세요.

예시

viewBox="0 0 24 24"만 있고 width와 height가 없는 아이콘은 24 × 24px로 계산되어 4배에서는 96 × 96px WebP가 되고, 정확한 너비 512에서는 512 × 512px가 됩니다. 120 × 80 테스트 SVG를 2배로 하면 240 × 160px입니다.