SVG 최적화 도구

SVG를 PNG, WebP, AVIF로

파비콘이나 앱 스토어 이미지, 이메일처럼 벡터 그래픽이 통하지 않는 곳에 쓸 래스터 사본이 필요하신가요? ‘이미지로 변환’ 탭으로 전환하세요. SVG는 해상도에 매이지 않으므로 출력 크기를 직접 정할 수 있습니다. 문서 자체 크기인 1×, 고해상도 화면을 위한 선명한 2×나 4×, 또는 가로세로 비율에 맞춰 높이가 따라오는 원하는 너비 중에서 고르면 됩니다. 투명도는 어떤 포맷에서도 그대로 유지되고, 변환 도구를 뒷받침하는 것과 같은 고품질 인코더가 PNG·WebP·AVIF를 만들어 냅니다. 파일이 브라우저를 벗어나는 일은 전혀 없습니다.

왜 SVG 파일을 최적화하나요?

디자인 도구에서 내보낸 SVG는 편집기 메타데이터, 주석, 숨겨진 레이어, 그리고 브라우저에 전혀 필요 없는 지나치게 정밀한 좌표를 담고 있습니다. 이를 제거하면 보통 파일 크기의 30-70%가 줄어듭니다(더 빠른 페이지, 더 작은 번들, 더 나은 Core Web Vitals). 렌더링은 픽셀까지 동일하게 유지됩니다. OptImg는 업계 표준 최적화 도구를 브라우저 안에서 그대로 실행합니다. 파일이 이미 충분히 작다면 더 큰 파일을 돌려주는 대신 그 사실을 알려 드립니다.

자주 묻는 질문

제 SVG가 서버에 업로드되나요?

최적화와 변환 모두 브라우저 안에서 네이티브 속도로 처리됩니다. 업로드되는 것이 없어 파일이 기기를 벗어나지 않고, 대기열도 없으며, 파일 크기는 기기 메모리가 허용하는 만큼까지 다룰 수 있습니다.

SVG를 PNG로 어떻게 변환하나요?

SVG를 끌어놓고, “이미지로 변환” 탭으로 전환하고, PNG를 선택된 상태로 두고 변환을 누르세요. SVG 원본 크기의 원본 픽셀 그대로의 PNG를 얻습니다. 2×, 4×, 또는 원하는 사용자 지정 너비로도 가능합니다.

SVG를 PNG로 변환하면 투명도가 유지되나요?

네. SVG의 투명한 배경은 PNG, WebP, AVIF 출력에서 완전히 투명하게 유지됩니다. 흰색 위로 병합되는 것은 없습니다.

SVG에서 고해상도 PNG를 어떻게 얻나요?

SVG는 해상도에 독립적이므로, 고해상도 화면을 위한 선명한 내보내기에는 2× 또는 4×를 고르거나 정확한 픽셀 너비를 입력하세요. 높이는 SVG의 가로세로 비율에 따라 자동으로 따라옵니다.

SVG를 PNG 대신 WebP나 AVIF로 바꿀 수 있나요?

네. 포맷 선택기에서 WebP 또는 AVIF를 고르세요. 둘 다 투명도를 유지하고 PNG보다 훨씬 작습니다. 품질 슬라이더(기본값: WebP 80, AVIF 60)로 크기와 충실도를 조절할 수 있습니다.

최적화 도구가 실제로 무엇을 제거하나요?

편집기 메타데이터, 주석, 숨겨진 요소, 기본 속성, 불필요한 정밀도 등 고전적인 SVG 정리입니다. 안전한 기본값은 ID의 이름을 절대 바꾸지 않습니다. 강력 최소화 옵션은 추가로 ID를 최소화하고 좌표를 소수점 2자리로 반올림해 더 많이 절약합니다.

최적화하면 viewBox가 제거되거나 반응형 배율이 깨지나요?

아니요. viewBox는 안전 모드와 강력 최소화 모드 모두에서 항상 보존되므로, 반응형 SVG는 이전과 똑같이 배율이 조정됩니다.

변환 후 텍스트가 왜 다르게 보이나요?

SVG가 참조하는 글꼴은 절대 다운로드되지 않으므로(모든 것이 기기에 머뭅니다), 텍스트는 내장된 Noto Sans 대체 글꼴로 렌더링됩니다. 정확한 글자 모양을 원하면 내보내기 전에 디자인 도구에서 텍스트를 패스로 변환하세요.

PNG나 JPG를 SVG로 변환할 수 있나요?

네, 별도의 이미지→SVG 도구로 가능합니다. 래스터 이미지를 벡터 도형으로 변환합니다. 이 SVG 도구는 그 반대로, 기존 SVG를 최적화하고 PNG, WebP, AVIF로 래스터화합니다.