디자인( CSS) · 로컬에서 실행됨

SVG 편집기 및 정리 도구

실시간 로컬 미리보기와 자체 포함 벡터 다운로드로 SVG 소스를 편집, 다시 채색, 크기 조정 및 정리하세요.

결과

준비 완료. 작업 데이터는 이 브라우저에 유지됩니다.

이 도구가 유용한 이유

SVG를 안전하게 미리 보고, 정확한 채우기 또는 윤곽선 색상 교체를 적용한 다음, 에셋을 페이지나 디자인 시스템에 배치하기 전에 내보내기 크기를 설정하세요.

브라우저는 XML을 구문 분석하고, 스크립트, foreignObject 콘텐츠 및 외부 참조를 거부하며, 경계가 있는 치수를 업데이트하고 정제된 SVG를 내보냅니다.

512 × 320 배지를 붙여넣고, 정확한 파란색 채우기를 브랜드 그린으로 바꾸고, 미리보기를 확인한 다음 업로드하지 않고 정리된 벡터를 다운로드하세요.

계산은 결정적이며, 잘못된 입력을 조용히 변경하는 대신 유효성 검사 오류를 설명합니다.

입력과 출력은 이 탭에 그대로 유지됩니다. 복사와 다운로드는 서버 업로드 없이 브라우저 API를 통해 이루어집니다.

각 실행은 해당 도구 모드, 타임스탬프, 입력/출력 크기를 보고하므로 변환된 데이터를 감사할 수 있습니다.