도구 소개
SVG 최적화 도구로 생성
로컬에서 SVG 마크업을 최적화하고, 파일 크기를 비교하며, 다운로드 전에 렌더링 결과를 검토하세요.
브라우저에서 SVGO를 사용하여 정적 SVG를 최적화합니다. 소수점 정밀도를 설정하고, 소스 및 출력 크기를 비교하며, 최적화된 렌더링을 검사하세요. 스크립트, 외부 리소스, 포함된 HTML 및 애니메이션은 이 정적 이미지 작업 공간에서 제외됩니다.
SVG 최적화 도구
로컬에서 SVG 마크업을 최적화하고, 파일 크기를 비교하며, 다운로드 전에 렌더링 결과를 검토하세요.
기기에서 처리 가입 불필요
로컬 개발자 도구
사용 방법
- 01
소스 준비
지원되는 소스 이미지를 선택하거나, 도구에서 제공하는 경우 텍스트 템플릿으로 시작하세요.
- 02
결과 조정
브라우저에서 SVGO를 사용하여 정적 SVG를 최적화합니다. 소수점 정밀도를 설정하고, 소스 및 출력 크기를 비교하며, 최적화된 렌더링을 검사하세요. 스크립트, 외부 리소스, 포함된 HTML 및 애니메이션은 이 정적 이미지 작업 공간에서 제외됩니다.
- 03
검토 및 다운로드
전체 미리보기와 출력 설정을 확인하세요. 완성된 에셋을 다운로드하고, 비교를 위해 원본을 유지하세요.
더 나은 결과를 위한 팁
- 숫자 정밀도를 줄이면 미세한 모양에 영향을 줄 수 있습니다. 최적화 도구는 viewBox를 보존하고 ID 정리를 방지합니다. 의도한 크기에서 출력을 검토하고 나중에 편집할 수 있도록 원본을 유지하세요.
- 결과물을 확인할 때까지 원본 파일을 보관하세요.
- 의도한 표시 크기에서 작은 텍스트와 미세한 가장자리를 검사하세요.
- 이미지 처리는 브라우저 내에서 이루어집니다. 탭을 닫기 전에 결과물을 다운로드하세요. 이 도구는 원본 파일을 덮어쓰지 않습니다.
자주 묻는 질문
SVG 최적화 도구 사용 방법은 무엇인가요? +
지원되는 소스 이미지를 선택하거나 도구에서 제공하는 텍스트 템플릿으로 시작하세요. 브라우저에서 SVGO를 사용하여 정적 SVG를 최적화합니다. 소수점 정밀도를 설정하고, 소스 및 출력 크기를 비교하며, 최적화된 렌더링을 검사하세요. 스크립트, 외부 리소스, 포함된 HTML 및 애니메이션은 이 정적 이미지 작업 공간에서 제외됩니다.
최적화가 SVG 모양을 변경할 수 있나요? +
숫자 정밀도를 줄이면 미세한 모양에 영향을 줄 수 있습니다. 최적화 도구는 viewBox를 보존하고 ID 정리를 방지합니다. 의도한 크기에서 출력을 검토하고 나중에 편집할 수 있도록 원본을 유지하세요.
입력 파일은 어디에서 처리되나요? +
이미지 처리는 브라우저 내에서 이루어집니다. 탭을 닫기 전에 결과물을 다운로드하세요. 이 도구는 원본 파일을 덮어쓰지 않습니다.
어떤 파일을 사용할 수 있나요? +
허용되는 입력: SVG. 사용 가능한 출력: SVG. 브라우저 디코딩 지원 및 선택한 출력 설정에 따라 처리 가능한 소스 파일이 결정됩니다.
계정이 필요한가요? +
이 도구는 계정이 필요하지 않습니다. 기기에 저장하기 전에 결과물을 검토할 수 있습니다.