SVG → PNG 변환기
브라우저에서 SVG 파일을 즉시 PNG로 변환. 파일 업로드 또는 SVG 코드 붙여넣기, 출력 크기와 배경색 선택 후 다운로드. 서버 없음, 완전 로컬 처리.
Drop an SVG file here, or click to select
Supports .svg files only
Preview
WeChat으로 스캔하여 공유
사용 방법
- 드래그 앤 드롭 또는 클릭으로 .svg 파일을 업로드하거나, 「SVG 코드 붙여넣기」 탭으로 전환하여 마크업을 붙여넣습니다.
- 출력 크기를 선택합니다: Original(1x), 2x, 4x, 또는 사용자 정의 픽셀.
- 배경을 선택합니다: 투명, 흰색, 또는 사용자 정의 색상.
- Convert to PNG를 클릭하여 변환합니다.
- 미리보기를 확인한 후 Download PNG를 클릭하여 저장합니다.
SVG를 PNG로 변환하는 이유
- 호환성: PNG는 브라우저, 오피스 소프트웨어, 문서 편집기에서 광범위하게 지원됩니다.
- 소셜 미디어: Twitter/X, LinkedIn, Slack 등의 플랫폼은 이미지 업로드 시 래스터 형식을 요구합니다.
- 고정 해상도: PNG는 지정된 해상도로 SVG를 스냅샷하여 의도치 않은 크기 변경을 방지합니다.
- 이메일 클라이언트: 대부분의 이메일 클라이언트는 인라인 SVG를 지원하지 않으므로 PNG가 더 안전한 선택입니다.
모든 처리는 브라우저 내에서 완전히 이루어집니다. 파일이 서버에 업로드되지 않으므로 기밀 로고나 상업적 아트워크에도 안심하고 사용할 수 있습니다.
FAQ
SVG에서 PNG로 변환은 어떻게 작동합니까?
SVG를 HTML5 Canvas에 렌더링한 후 canvas.toBlob()으로 PNG를 내보냅니다. 모든 처리는 브라우저 내에서 완결되며, 파일이 외부로 전송되지 않습니다.
어떤 출력 크기를 선택할 수 있습니까?
원본 SVG 크기(1x), 2배(2x), 4배(4x), 또는 사용자 정의 픽셀 크기를 지정할 수 있습니다.
투명 배경 PNG를 만들 수 있습니까?
네. 배경 드롭다운에서 '투명'을 선택하면 Canvas를 채우지 않고 렌더링하여 알파 투명 채널을 가진 PNG가 생성됩니다.
SVG에 width/height 속성이 없으면 어떻게 됩니까?
viewBox 속성에서 크기를 추정합니다. 둘 다 없는 경우 브라우저 기본값인 300×150 px로 대체됩니다.
변환 후 SVG 모양이 달라지는 이유는 무엇입니까?
외부 폰트, 크로스 오리진 이미지, CSS 애니메이션 등 일부 기능은 브라우저 보안 정책으로 인해 Canvas 렌더링 시 제한됩니다. 스타일이 인라인으로 포함된 독립형 SVG를 사용하면 최상의 결과를 얻을 수 있습니다.