SVG 최적화 도구

SVG를 PNG, WebP, AVIF로

래스터 사본이 필요하신가요 — 파비콘, 앱 스토어 자산, 이메일 클라이언트, 또는 벡터 그래픽이 통하지 않는 곳을 위한 SVG-to-PNG 변환 말이죠? 이미지로 변환 탭으로 전환하세요. SVG는 해상도에 독립적이므로 출력 크기를 여러분이 정합니다: 문서 자체 크기의 1×, 고해상도 화면을 위한 선명한 2× 또는 4× 내보내기, 또는 가로세로 비율에 따라 높이가 따라오는 정확한 사용자 지정 너비. 투명도는 모든 포맷에서 보존되며, Convert 도구를 뒷받침하는 것과 동일한 Rust/WebAssembly 인코더가 PNG, WebP, AVIF 바이트를 만듭니다 — 파일이 브라우저를 벗어나는 일 없이 전부.

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

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

자주 묻는 질문

제 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)로 크기와 충실도를 조절할 수 있습니다.

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

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

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

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

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

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

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

아니요 — 래스터를 벡터로 추적하는 것은 다른 영역의 작업이며 여기서는 다루지 않습니다. 이 도구는 SVG를 최적화하고 SVG를 PNG, WebP, AVIF로 변환하며, 그 반대는 하지 않습니다.