온라인 SVG 파일 편집
SVG를 열고 시각적으로 편집하세요 — 실시간 미리 보기로 도형과 텍스트를 추가하고 위치, 크기, 채우기 및 획을 조정하며 요소를 재정렬하세요. 모든 것이 브라우저에서 로컬로 실행되며 완전히 무료입니다.
브라우저에서 바로 강력한 SVG 편집
시각적 요소 목록
파일의 모든 도형, 패스 및 텍스트 노드가 실시간 요약과 함께 태그별로 나열되므로 도면에 무엇이 포함되어 있는지 한눈에 보고 정확히 무엇을 변경할지 선택할 수 있습니다.
도형 및 기하학
한 번의 클릭으로 사각형, 원, 타원, 선, 다각형 및 패스를 추가한 다음 전용 속성 패널에서 좌표와 치수를 편집하세요.
텍스트 편집
텍스트 레이블을 추가하고 내용을 직접 편집하며 위치와 글꼴 크기를 제어하여 캡션과 콜아웃이 도면에 맞게 하세요.
전체 스타일 제어
색상 선택기로 채우기와 획 색상을 변경하고 획 너비와 불투명도를 조정하며 요소별로 모든 속성을 제거하거나 재정의하세요.
이동 및 확대/축소 가능한 미리 보기
실시간 미리 보기를 드래그하여 이동하고 스크롤하여 확대/축소하며 어떤 배율에서도 도면을 선명하게 유지하는 맞춤/확대/축소 제어를 사용하세요.
기본적으로 비공개
SVG가 브라우저에서 전적으로 편집되고 샌드박스된 iframe에서 렌더링되므로 포함된 스크립트가 실행될 수 없고 파일이 기기를 절대 떠나지 않습니다.
이 SVG 편집기는 무엇인가요?
이 도구는 SVG용 경량 브라우저 기반 편집기입니다 — 아이콘과 로고부터 기술 도면과 데이터 시각화까지 어디서나 사용되는 개방형 벡터 그래픽 형식. 텍스트 편집기에서 XML 태그를 수동으로 편집하는 대신 실시간 캔버스에서 요소를 선택하고 간단한 제어로 조정하세요: 도형을 이동하거나 크기를 조정하고 채우기나 획 색상을 선택하고 새 텍스트를 입력하며 요소를 재정렬하거나 복제하고 캔버스 자체의 크기를 조정합니다. 전체 문서가 브라우저에 유지되므로 아무것도 업로드되지 않고 도구가 민감한 파일에서도 작동합니다. 출력은 SVG가 허용되는 곳 어디에서나 사용할 수 있는 유효한 SVG입니다.
SVG 편집기를 사용하는 방법
SVG 편집은 세 단계만 거치면 됩니다 — 도구가 파일을 자동으로 열고 모든 변경 사항이 실시간으로 반영됩니다.
SVG 놓기
.svg 파일을 하나 이상 업로드 영역에 끌어다 놓거나(또는 클릭하여 찾아보세요) 각 파일이 자체 실시간 미리 보기와 요소 목록과 함께 자동으로 열립니다.
선택 및 편집
목록에서 요소를 클릭하여 선택한 다음 속성 패널에서 위치, 크기, 색상, 획 및 불투명도를 조정하세요. 도구 모음을 사용하여 새 도형이나 텍스트를 추가하고 선택한 요소를 복제, 재정렬 또는 삭제하세요.
작업 다운로드
각 편집된 SVG를 개별적으로 다운로드하거나 모든 파일을 단일 ZIP으로 패키징하세요. 다운로드가 완전히 로컬로 유지됩니다 — 편집된 문서가 브라우저에서 생성되며 서버로 절대 전송되지 않습니다.
명심해야 할 것
첫 편집을 하기 전까지 다운로드는 파일의 정확한 원래 바이트를 반환합니다 — 앞서 다시 쓰는 것이 없습니다. 첫 편집이 문서를 다시 직렬화하므로 공백과 속성 순서가 정규화될 수 있습니다. 안전을 위해 SVG가 샌드박스된 iframe에서 렌더링됩니다: 포함된 스크립트가 절대 실행되지 않고 외부 이미지와 글꼴이 로드되지 않습니다. 패스 데이터가 표시되지만 점별로 편집할 수 없고 매우 큰 파일은 처음 1,000개 요소를 참고와 함께 나열합니다.