SVG 뷰어 및 편집기
SVG 파일을 온라인에서 미리보기, 편집, 최적화. 실시간 미리보기, 코드 편집, 최적화 도구.
SVG 형식이 무엇인가요?
SVG(Scalable Vector Graphics)는 품질 손실 없이 무한히 확장할 수 있는 XML 기반 벡터 이미지 형식입니다. 로고, 아이콘, 웹 그래픽에 널리 사용됩니다.
SVG와 PNG의 차이점은 무엇인가요?
SVG는 수학적 공식을 사용하여 그래픽을 설명하는 벡터 형식으로, 품질 손실 없이 무한히 확대할 수 있습니다. PNG는 픽셀로 구성된 래스터 형식으로, 확대하면 흐려집니다. SVG는 로고, 아이콘, 다이어그램에 이상적이며, PNG는 사진에 더 적합합니다.
어떤 파일 형식을 볼 수 있나요?
이 도구는 SVG 파일을 봅니다. SVG 코드를 직접 붙여넣거나 기기에서 .svg 파일을 업로드할 수 있습니다.
SVG 코드를 직접 편집할 수 있나요?
네, 편집기 패널에서 SVG 소스 코드를 편집하고 미리보기 패널에서 실시간으로 변경 사항을 볼 수 있습니다.
실시간 미리보기는 어떻게 작동하나요?
코드 편집기에서 입력하면 미리보기 패널이 자동으로 업데이트되어 SVG가 브라우저에서 어떻게 렌더링되는지 정확히 보여줍니다.
SVG를 최적화하려면?
최적화 버튼을 클릭하면 불필요한 공백, 주석, 메타데이터, 중복 속성이 제거되어 파일 크기가 줄어듭니다.
SVG 색상과 스타일을 변경할 수 있나요?
네, SVG 코드에서 직접 채우기 색상, 스트로크 색상, 불투명도 및 기타 스타일 속성을 수정할 수 있습니다.
SVG가 애니메이션을 지원하나요?
네, SVG는 SMIL(동기화된 멀티미디어 통합 언어)과 CSS 애니메이션을 통해 애니메이션을 지원합니다. SVG 내에서 직접 움직임, 색상 변경, 모양 변환 등의 효과를 만들 수 있습니다.
어떤 브라우저가 지원되나요?
이 도구는 Chrome, Firefox, Safari, Edge를 포함한 모든 최신 브라우저에서 작동합니다.
SVG 구문을 어떻게 검증할 수 있나요?
도구는 SVG 코드의 구문 오류를 자동으로 강조 표시하여 문제를 즉시 식별하고 수정할 수 있도록 도와줍니다.
품질 손실 없이 SVG 크기를 조정할 수 있나요?
네, SVG는 벡터 형식이므로 품질이 저하되거나 픽셀화되지 않고 임의의 크기로 확장할 수 있습니다.
SVG 데이터가 서버로 전송되나요?
아니요, 모든 처리는 브라우저에서 로컬로 이루어집니다. 데이터가 기기를 떠나지 않습니다.