SVG 옵티마이저 및 미니파이어
viewBox 값을 보존하는 보수적인 브라우저 기반 옵티마이저로 SVG 마크업 노이즈를 줄이세요.
Keep your original file until you have checked the downloaded result. Browser memory and format support vary by device.
This conservative optimizer removes comments, metadata blocks, and unnecessary whitespace while keeping viewBox values.
SVG 옵티마이저 및 미니파이어 FAQ
viewBox를 변경하나요?
아닙니다. 현재 워크플로에서는 선택된 마크업을 정리하면서 기존 viewBox 값을 유지합니다.
경로를 최적화하나요?
아닙니다. 공격적인 경로 단순화나 좌표 재작성 대신 보수적인 청소 작업을 수행합니다.
모든 출력물을 안전하게 인라인으로 임베드할 수 있나요?
아닙니다. 먼저 스크립트, 이벤트 핸들러, 외부 참조, CSS, 링크, 임베드된 리소스를 자신의 보안 정책에서 검토하세요.
title과 description 요소를 제거해야 하나요?
접근성과 문서화에 미치는 영향을 이해한 경우에만 제거하세요. 해당 요소는 보조 기술을 사용하는 사용자에게 유용한 이름과 설명을 제공할 수 있습니다.
출력이 항상 더 작아지나요?
일반적으로 제거된 마크업으로 인해 노이즈가 줄어들지만, 실제 파일 크기는 직렬화, 소스 구조, 임베드된 콘텐츠에 의해 결정됩니다. 다운로드된 파일을 확인하세요.
SVG 옵티마이저 및 미니파이어
웹사이트, 문서 페이지, 프론트엔드 번들에 삽입하기 전에 SVG 마크업을 정리하세요. 이 보수적인 브라우저 기반 옵티마이저는 주석을 제거하고, 필요에 따라 메타데이터, title, description 블록을 제거할 수 있으며, 태그 간 공백을 축소할 수 있습니다. 기존 viewBox 값을 유지하고 공격적인 경로 재작성을 피하므로 결과를 쉽게 검토할 수 있습니다.
이 가이드는 전체 브라우저 워크플로, 결과물에 포함되는 내용, 공유 전에 확인할 사항을 설명합니다. 이 도구는 의도적으로 하나의 명확한 파일 작업에 집중하도록 설계되었습니다. 관련 없는 편집, 변환, 업로드 또는 클라우드 스토리지 기능을 조용히 추가하지 않습니다. 이러한 좁은 범위로 인해 입력과 출력을 더 쉽게 이해할 수 있으며, 다운로드된 파일을 검증하는 실용적인 방법을 제공합니다.
사용 방법
처리할 파일의 사본으로 시작하세요. 특히 PDF나 비디오 작업의 경우 페이지가 로드될 때 브라우저 라이브러리를 먼저 로드해야 동작이 가능해질 수 있습니다. 다음 단계를 따르세요:
- 귀하가 소유하거나 편집할 권한이 있는 SVG 파일을 선택하세요.
- 메타데이터, title, description 블록을 제거할지 여부를 선택하세요.
- 태그 간 공백을 축소할지 여부를 선택하세요.
- Optimize SVG를 클릭하고 출력 패널에서 직렬화된 SVG 텍스트를 검토하세요.
- 결과를 다운로드하고 대상 브라우저에서 테스트한 뒤, 인라인으로 임베드하기 전에 소스 코드를 검사하세요.
문서가 중요하거나 특히 복잡한 경우에는 작은代表性 파일을 먼저 사용하세요. 탭을 닫기 전까지 처리가 완료되었다는 상태 메시지를 기다리세요. 브라우저가 디코딩, 메모리 또는 호환성 오류를 보고하면 더 작은 파일을 시도하거나 더 일반적인 소스 포맷을 사용해 보세요. 다운로드가 원본을 대체하지 않으므로 결과가 확인될 때까지 원본을 보관하세요.
적합한 사용 사례
이 도구는 다음과 같은 집중적이고 반복 가능한 파일 준비 작업에 유용합니다:
- 생산 환경에서 사용되는 악세사리 파일에서 주석과 비핵심 설명 블록을 제거합니다.
- 프론트엔드 번들이나 문서 예시를 위해 더 작고 깔끔한 SVG 문자열을 생성합니다.
- 컴포넌트 라이브러리나 정적 웹사이트에 사용할 승인된 아이콘을 준비합니다.
- SVG 마크업이 인라인으로 포함되어야 할지 아니면 이미지 리소스로 사용되어야 할지 결정하기 전에 마크업을 검토합니다.
다중 트랙 타임라인, 고급 타이포그래피, 복잡한 PDF 폼, 전문적인 색 관리, forensic 메타데이터 보증, 모든 독점 파일 기능에 대한 정확한 라운드트립 보장이 필요한 경우 이 도구는 완전한 데스크톱 편집기를 대체할 수 없습니다. 목표와 일치하는 특정 작업을 사용하고, 신뢰하기 전에 다운로드된 파일을 소스와 비교하세요.
출력 포맷
출력은 브라우저 DOM 파서와 XML 직렬화기에 의해 직렬화된 SVG 텍스트 파일입니다. 주석이 제거되고, 선택된 메타데이터 요소가 제거되며, 반복되는 공백이 줄어듭니다. 기존 viewBox 값은 유지됩니다. 이는 완전한 SVG 옵티마이저가 아니며, 경로 단순화, 좌표 정밀도 감소, CSS 인라인 처리, 접근성 작성, 이미지 임베드, 애니메이션 보존, 바이트 단위 동등성을 보장하지 않습니다. 대상 환경에서 렌더링, 치수, 스타일, 필터, 링크, 접근성 레이블을 비교하세요.
다운로드는 새로운 파일 또는 패키지가 됩니다. 입력 패널에서 선택한 파일을 수정하지 않습니다. 가능한 경우 파일 이름은 소스 이름에서 생성되며, 원본과 결과를 쉽게 구분할 수 있도록 작업 특화 접미사가 추가됩니다. ZIP 결과에는 하나 이상의 생성된 악세사리가 포함될 수 있으므로 기대되는 파일이 있는지 확인하려면 ZIP을 열어봐야 합니다. 텍스트 결과의 경우, 다운로드 후 줄 바꿈, 인코딩, 들여쓰기 및 플랫폼 특화 구문을 검토하세요. 시각적 또는 문서 결과의 경우, 대상에 중요한 치수, 페이지 순서, 재생, 글꼴, 링크, 투명도 및 기타 기능을 확인하세요.
개인정보 보호
SVG 텍스트는 원격 최적화 API 없이 브라우저 내에서 파싱 및 직렬화됩니다. 로컬 처리가 자동으로 임베드하기 안전한 출력을 보장하지는 않습니다. 스크립트, 이벤트 핸들러, 외부 참조, 임베드된 이미지, CSS, 링크는 자체 콘텐츠 보안 정책에서 검토할 때까지 신뢰할 수 없는 것으로 취급하세요. 독점 그래픽 작업은 신뢰할 수 있는 기기에서 수행하고, 최적화를 되돌릴 수 있도록 원본 소스를 버전 관리 하에 보관하세요.
브라우저 처리는 모든 주변 웹사이트, 브라우저 확장 프로그램, 운영 체제 또는 공용 컴퓨터가 개인정보 보호를 보장한다는 의미가 아닙니다. 신뢰할 수 있는 기기를 사용하고, 민감한 작업 후에는 탭을 닫으며, 기밀 자료에는 공용 컴퓨터를 사용하지 마세요. 소유하지 않거나 편집 권한이 없는 파일을 선택하지 마세요. 조직에서 문서화된 데이터 처리 계약, 보존 정책 또는 감사 로그를 요구하는 경우, 공공 브라우저 도구에만 의존하지 말고 승인된 내부 워크플로를 사용하세요.
품질 및 호환성 참고사항
XML 직렬화는 시각적 결과가 유사해 보여도 포맷팅과 네임스페이스 표현을 변경할 수 있습니다. title 또는 description 요소를 제거하면 접근성에 영향을 줄 수 있으며, 공백 축소는 일부 텍스트 민감형 SVG 구조에서 안전하지 않을 수 있습니다. 옵티마이저는 의도적으로 보수적이므로 보안 샌니타이저나 보장된 크기 최소화 엔진으로 설명되어서는 안 됩니다. 최적화 후 아이콘, 필터, 마스크, 애니메이션, 글꼴 및 외부 참조를 테스트하세요.
성공적인 다운로드란 단지 브라우저가 결과를 생성했다는 의미일 뿐이며, 모든 대상 애플리케이션이 기대대로 정확히 받아들이거나 표시한다는 보장은 없습니다. 사용할 애플리케이션, 웹사이트 또는 장치에서 결과를 열어보세요. 정확성이 중요한 경우 소스와 출력을 나란히 비교하고, 복구 가능한 마스터 파일로 소스를 보관하세요.