SVG 최적화

SVG 최적화 도구

SVGO로 편집기가 남긴 군더더기를 없애고 좌표를 줄이고 path를 합칩니다 — 모든 항목을 직접 고르고 전후를 나란히 확인하세요.

SVG 최적화

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

여기에 SVG를 놓으세요

또는 클릭해서 찾아보기 — SVG만

최적화 전후

제거할 항목 주석 편집기 메타데이터 숨겨진 요소 빈 그룹 path 병합 id 속성 정돈

소수점 자릿수

자릿수가 적을수록 파일이 작아집니다. 대부분의 그림은 3이면 안전하고, 1–2까지 낮추는 것은 단순한 아이콘에만 권합니다.

멀티패스

파일이 더 이상 작아지지 않을 때까지 최적화를 반복합니다. 느리지만 보통 조금 더 작아집니다.

최적화된 코드

더 작게, 그림은 그대로

SVG 파일이 필요 이상으로 커지는 이유

디자인 앱에서 내보낸 파일에는 편집기 메타데이터, 쓰이지 않는 정의, 소수점 열몇 자리까지 적힌 좌표가 들어 있습니다. 어느 것도 그림에는 영향을 주지 않지만 모든 방문자에게 전송됩니다.

SVGO는 그것들을 안전하게 없앱니다. 전후 비교 미리보기는 필요한 것까지 지워지지 않았는지 확인하기 위한 것입니다 — path 병합이나 id 정돈은 다른 코드가 참조하는 파일을 바꿔 놓을 수 있습니다.

세 단계

SVG를 최적화하는 방법

SVG 놓기

.svg 파일을 고르세요 — 기기를 벗어나지 않습니다.

항목 고르기

제거할 항목을 켜고 끄며 소수점 자릿수를 정합니다.

비교하고 저장

두 미리보기를 확인한 뒤 코드를 복사하거나 내려받습니다.

빠른 답변

SVG 최적화 자주 묻는 질문

최적화하면 SVG가 깨지나요?

단독 그림이라면 기본 설정은 안전합니다. 다만 두 가지는 주의하세요. path 병합은 문서 구조를 바꾸고, id 속성 정돈은 CSS나 JavaScript가 참조하는 이름을 바꿉니다. 애니메이션이나 스크립트가 있는 파일에서는 꺼 두세요.

소수점 자릿수는 얼마가 좋나요?

3이 무난한 기본값입니다. 단순한 아이콘은 1–2에서도 멀쩡한 경우가 많아 용량을 더 아낄 수 있지만, 세밀한 일러스트나 지도는 3 미만에서 눈에 띄게 일그러질 수 있습니다 — 전후 비교 미리보기에서 확인됩니다.

경량화 도구와 무엇이 다른가요?

경량화 도구는 같은 엔진을 표준 프리셋으로 돌리며 고를 항목이 없습니다. 그냥 작게 만들고 싶으면 그쪽을, 무엇을 지울지 정확히 정하고 싶으면 이 페이지를 쓰세요.

파일이 업로드되나요?

아니요. SVGO는 브라우저에서 실행되며 파일은 기기를 벗어나지 않습니다.

SVG 최적화 도구

SVG 최적화

여기에 SVG를 놓으세요

SVG 파일이 필요 이상으로 커지는 이유

SVG를 최적화하는 방법

SVG 놓기

항목 고르기

비교하고 저장

SVG 최적화 자주 묻는 질문

관련 도구

이미지 압축

일괄 압축

SVG Minifier

SVG Beautifier