SVG를 WebP로

SVG를 원하는 배율로 WebP로 래스터화합니다 — 투명도는 그대로, 같은 그림의 PNG보다 파일은 더 작습니다.

SVG → WebP

☞ 모든 처리가 브라우저 안에서 이루어집니다 — 아무것도 업로드되지 않습니다

또는 클릭해서 찾기 — SVG만 가능

PNG보다 작게

WebP는 PNG처럼 알파 채널을 유지하면서 압축은 훨씬 뛰어납니다. 같은 그림이라면 대개 3분의 1 크기의 파일을 얻게 되고, 그래서 웹 이미지의 기본 형식으로 자리 잡았습니다.

현재 브라우저는 모두 지원합니다. 조심할 곳은 브라우저 바깥입니다. 일부 데스크톱 앱, 오래된 이메일 클라이언트, 몇몇 업로드 양식은 아직 WebP를 받지 않으며, 그럴 때는 PNG나 JPG가 안전한 답입니다.

세 단계

.svg 파일을 고르세요 — 파일은 기기에 남습니다.

1×–4×를 고르고 투명 배경을 유지하거나 색으로 바꾸세요.

렌더링된 픽셀 크기로 WebP를 저장합니다.

간단한 답변

WebP도 투명도를 유지하나요?

네. 투명 배경 스위치를 켜 두면 알파 채널이 SVG와 똑같이 전달됩니다. 단색으로 고정하고 싶다면 끄세요.

PNG보다 얼마나 작아지나요?

면으로 채운 벡터 그림이라면 보기에 똑같은 품질에서 보통 50~70% 작습니다. 그러데이션이 있으면 차이가 더 벌어지고, 두 형식 모두 이미 작은 아주 작은 아이콘에서는 차이가 줄어듭니다.

배율은 어떤 걸 골라야 하나요?

1×는 SVG에 적힌 크기와 같습니다. 레티나 화면용으로는 2×를 쓰세요. 벡터를 그 크기로 다시 그리기 때문에 확대가 아니라 실제로 더 선명해집니다.

파일이 업로드되나요?

아니요. SVG는 브라우저의 Canvas로 렌더링되며 이 기기를 벗어나지 않습니다.