SVG Sanitizer

앱이나 문서에 포함하기 전에 SVG 파일을 정리하세요. 보안 검토 및 안전한 배송에 이상적입니다. SVG 파일을 온라인으로 열고 즉시 처리를 시작하세요.

SVG 파일을 드래그 앤 드롭하세요

또는 클릭해서 파일을 고르거나 SVG 코드를 붙여넣으세요

.svg 파일만 허용됩니다
Ctrl+V / Cmd+V로 SVG 코드를 붙여넣으세요

SVG Sanitizer를 사용하는 이유는 무엇입니까?

스크립트 제거

새니타이저는 <script> 태그와 인라인 JavaScript를 제거하여 숨겨진 동작을 방지합니다. 이렇게 하면 대시보드, 문서, 공개 페이지에서 신뢰할 수 없는 파일을 안전하게 보호하고 예기치 않은 리디렉션의 위험을 줄일 수 있습니다.

클린 이벤트 핸들러

작업을 트리거할 수 있는 on* 속성과 내장된 핸들러를 제거합니다. 이렇게 하면 SVG이 여러 도구에서 공유되거나 CMS 콘텐츠에 포함될 때 공격 표면이 줄어듭니다. 또한 호버 또는 클릭 동작이 의도치 않게 프로덕션에 적용되는 것을 방지합니다.

외부 링크 차단

SVG Sanitizer는 안전하지 않은 외부 참조와 원격 리소스를 제거합니다. 출력은 자체 포함된 상태로 유지되며 이는 오프라인 사용, 내부 네트워크 및 예측 가능한 빌드에 중요합니다. 이렇게 하면 프로덕션에서 예기치 않은 추적 호출이나 외부 종속성을 방지할 수 있습니다.

안전한 미리보기

청소 후 작품을 확인할 수 있도록 소독된 결과를 미리 봅니다. 이렇게 하면 내보내기 전에 시각적 회귀가 없는지 확인하고 누락된 기호를 조기에 발견하는 데 도움이 됩니다. 획과 그라디언트를 확대하여 최종 모양이 원본과 일치하는지 확인합니다. 밝은 배경과 어두운 배경에서 테스트하여 투명도와 대비를 확인하세요.

개인정보 보호 우선

SVG Sanitizer는 브라우저에서 실행되므로 파일이 업로드되지 않습니다. 이는 고객 자산, 내부 브랜드 라이브러리 및 NDA 프로젝트에 대한 간단한 보안 단계입니다.

즉각적인 청소

SVG Sanitizer는 설정 없이 몇 초 만에 완료됩니다. 검토할 파일을 게시하거나 제출하기 전에 빠른 실행 전 확인으로 사용하세요. 이는 린팅 및 자산 검토와 함께 보안 체크리스트의 실용적인 단계입니다.

SVG를 정리하는 방법

1

SVG 업로드

파일을 드래그 앤 드롭하거나 마크업을 붙여넣어 시작하세요. 도구는 소스를 로컬로 로드하고 검토할 미리 보기를 준비하므로 내보내기 전에 파일을 확인할 수 있습니다. 이는 애셋이 여러 공급업체 또는 공유 드라이브에서 제공되는 경우 유용합니다. SVG 파일을 온라인으로 열고 즉시 처리를 시작하세요.

2

정리 실행

SVG Sanitizer를 실행해 스크립트, 이벤트 핸들러, 안전하지 않은 참조를 자동으로 제거합니다. 결과를 검토해 예상한 시각 요소가 유지되는지 확인하세요.

3

SVG 내보내기

정리된 파일을 복사하거나 다운로드하세요. SVG Sanitizer는 파일 이름을 그대로 유지하므로 저장소의 자산 교체가 간단하고 버전 기록이 명확하게 유지됩니다.

SVG Sanitizer FAQ

SVG Sanitizer는 SVG에서 무엇을 제거하나요?
SVG 새니타이저는 보안 위험을 초래할 수 있는 스크립트, 이벤트 핸들러, foreignObject 및 안전하지 않은 외부 참조를 제거합니다. 코드를 실행하거나 원격 콘텐츠를 가져오는 요소를 대상으로 합니다. SVG이 신뢰할 수 있는 파이프라인 외부에서 발생할 때마다 SVG Sanitizer를 사용하세요. 파일이 사용자 생성인 경우 기본적으로 신뢰할 수 없는 파일로 처리됩니다.
정리하면 SVG 모양이 바뀌나요?
SVG Sanitizer는 시각적 출력을 보존하는 것을 목표로 합니다. SVG가 제거된 요소에 의존하는 경우 변경 사항이 표시될 수 있으므로 항상 미리 보세요. 대부분의 아이콘 및 일러스트레이션 파일에서 SVG Sanitizer는 숨겨진 동작을 제거하면서 아트워크를 그대로 유지합니다. 문제가 나타나면 스크립트나 포함된 HTML 없이 디자인 도구에서 다시 내보냅니다.
SVG Sanitizer는 foreignObject를 제거합니까?
그렇습니다. SVG sanitizer는 HTML 및 스크립트를 포함할 수 있으므로 foreignObject를 제거합니다. 이를 통해 CMS 블록, 이메일 템플릿 및 공개 포함에 대한 출력을 안전하게 유지합니다. SVG 내에 HTML가 필요한 경우 대신 PNG를 내보내는 것이 좋습니다.
SVG가 서버에 업로드되어 있나요?
아니요. SVG Sanitizer는 브라우저에서 로컬로 실행되므로 파일이 장치를 떠나지 않습니다. 이 로컬 SVG Sanitizer 작업 흐름은 기밀 자산 및 엄격한 개인정보 보호 환경에 안전합니다. 또한 로컬 처리는 업로드 제한을 피하고 검토 주기를 빠르게 유지합니다.
살균 후 최적화할 수 있나요?
그렇습니다. SVG Sanitizer는 위험한 요소를 제거한 다음 최적화를 통해 크기를 줄일 수 있습니다. 많은 팀이 먼저 SVG Sanitizer를 실행한 다음 최적화 또는 정리를 사용하여 파일을 더욱 줄이고 프로덕션 자산을 간결하게 유지합니다. 원본과 함께 삭제된 사본을 보관하는 것도 감사 및 검토 기록에 도움이 됩니다.
이메일이나 CMS에 삽입해도 안전한가요?
SVG 새니타이저는 파일을 더 안전하게 만들어 주지만 플랫폼마다 고유한 규칙이 있습니다. SVG 새니타이저를 사용한 다음 허용되는 태그 및 속성에 대한 플랫폼 지침을 따르세요. 의심스러운 경우 SVG를 차단하는 플랫폼의 경우 PNG를 내보내세요. 일부 CMS 시스템은 SVG 태그를 자동으로 제거하므로 최종 출력을 확인하세요.
접근성에 영향을 미치나요?
SVG sanitizer는 안전할 때 제목 및 aria-label과 같은 일반적인 접근성 속성을 유지합니다. SVG Sanitizer가 실행된 후 접근성 체크리스트 및 내부 표준을 충족하도록 레이블을 추가하거나 확인할 수 있습니다. 팀이 일관성을 유지할 수 있도록 해당 규칙을 문서화하세요.
이것이 보안 검토에 어떻게 적합합니까?
SVG Sanitizer는 보안 검토를 위한 빠르고 반복 가능한 청소 단계를 제공합니다. 이는 자산이 프로덕션 저장소에 들어가기 전에 팀이 위험한 콘텐츠를 제거하고 사용자 대상 페이지에 포함된 SVG에 대한 공격 표면을 줄이는 데 도움이 됩니다. 자산 섭취 체크리스트나 CI 파이프라인에 추가하는 것을 고려해 보세요. 고위험 자산에 대한 수동 즉석 점검과 결합됩니다.
SVG Sanitizer를 다운로드하지 않고도 무료로 사용할 수 있나요?
그렇습니다. SVG Sanitizer는 브라우저에서 무료로 사용할 수 있습니다. 다운로드나 설치가 필요하지 않습니다.
SVG Sanitizer를 사용하려면 계정이 필요합니까?
아니요. SVG Sanitizer는 가입 없이 브라우저에서 즉시 작동하며 파일은 로컬에 유지됩니다.