SVG 최적화
겉모습은 그대로 두고 SVG 파일을 더 작게 만드세요. 크기 조절이 계속 가능한 설정을 써요. 무료이며 내 기기에서 실행돼요.
SVG 최적화는 디자인 앱에서 내보낸 SVG 파일을 정리해 줘요. 이런 파일에는 편집기 데이터, 주석, 긴 소수, 사용하지 않는 정의가 들어 있는 경우가 많아요. 표준 최적화 도구인 SVGO를 안전한 설정으로 사용해요. viewBox를 유지해 그림의 크기를 계속 조절할 수 있고, 화면 낭독기를 위해 제목을 남기며, 원할 때만 ID 이름을 바꿔요. 원본과 최적화 결과를 나란히 보며 줄어든 크기를 확인한 뒤 파일을 다운로드하거나 코드를 복사하세요.
SVG 최적화 사용 방법
- 1
SVG 추가
파일을 끌어다 놓거나 코드를 붙여넣으세요.
- 2
설정 조정
소수점 자릿수와 유지하거나 삭제할 항목을 고르세요.
- 3
다운로드 또는 복사
최적화된 SVG를 저장하거나 코드를 복사하세요.
주요 기능
- SVGO 기반
- 표준 SVG 최적화 도구를 브라우저에서 실행해요.
- 기본값부터 안전
- 따로 고르지 않으면 viewBox, 제목, ID를 유지해요.
- 나란히 비교
- 전후를 비교하고 줄어든 크기를 확인하세요.
자주 묻는 질문
최적화한 SVG는 달라 보이나요?
기본 설정에서는 그렇지 않아요. 소수점 자릿수를 0으로 하면 작은 부분이 조금 움직일 수 있으니 두 미리보기를 비교하세요.
ID는 왜 유지하나요?
웹사이트와 애니메이션은 ID로 SVG의 특정 부분을 가리키는 경우가 많아요. 파일 밖에서 쓰지 않을 때만 줄이세요.
얼마나 작아지나요?
디자인 앱에서 만든 파일은 보통 30–70% 줄어들어요. 직접 작성했거나 이미 최적화된 파일은 덜 줄어요.
파일이 업로드되나요?
아니요. 내 기기에서 최적화돼요.