liminfoSVG to PNG
SVG 벡터를 PNG 이미지로 변환
파일을 여기에 드래그하거나
파일 선택SVG 파일, 최대 10MB
SVG to PNG 소개
SVG to PNG 변환기는 서버 업로드 없이 브라우저에서 SVG(Scalable Vector Graphics)를 PNG 래스터 이미지로 변환하는 무료 도구입니다. SVG는 XML 기반의 벡터 형식으로 품질 손실 없이 무한히 확대할 수 있지만, 소셜 미디어, 메시징 앱, 이미지 편집기, 레거시 CMS 등 많은 플랫폼은 PNG 같은 래스터 형식만 지원합니다. 이 도구가 그 간극을 즉시 해결해 드립니다.
디자이너, 개발자, 콘텐츠 크리에이터들이 아이콘, 로고, 일러스트레이션을 SVG에서 고정 해상도 PNG로 내보내야 할 때 이 변환기를 사용합니다. 파일 업로드(드래그 앤 드롭 또는 찾아보기)와 직접 SVG 코드 입력을 모두 지원하여 빠른 일회성 변환이나 프로그래밍 방식으로 생성된 SVG의 래스터화 결과를 확인하는 경우 모두 유연하게 활용할 수 있습니다.
기술적으로 변환은 HTML5 Canvas API를 사용하여 브라우저 내에서 완전히 처리됩니다. SVG 마크업을 파싱하여 `viewBox` 또는 `width`/`height` 속성에서 원본 크기를 추출하고, 선택한 배율(1x, 2x, 3x, 4x)로 오프스크린 캔버스를 생성한 후 HTMLImageElement를 통해 SVG를 캔버스에 그리고 `canvas.toBlob()`을 호출하여 PNG 바이너리를 생성합니다. 예를 들어 100×100 SVG를 3x로 변환하면 300×300 픽셀 PNG가 생성됩니다.
주요 기능
- 드래그 앤 드롭 SVG 파일 업로드 또는 직접 SVG 코드 붙여넣기 두 가지 입력 방식
- 일반 및 고DPI 디스플레이를 위한 1x, 2x, 3x, 4x 출력 배율 설정
- viewBox 또는 width/height 속성에서 SVG 크기 자동 감지
- 브라우저 네이티브 SVG 렌더링과 동일한 Canvas API 기반 래스터화
- 다운로드 전 PNG 미리보기로 품질 확인 가능
- 올바른 파일명으로 원클릭 PNG 다운로드
- 100% 클라이언트 사이드 처리 — SVG 파일이 서버로 전송되지 않음
- 복잡한 아이콘, 일러스트레이션, 데이터 시각화를 포함한 최대 10MB SVG 파일 지원
자주 묻는 질문
SVG를 PNG로 변환해야 하는 이유는 무엇인가요?
SVG는 웹 사용에 뛰어나고 어떤 해상도에서도 완벽하게 확대되지만, 소셜 미디어 플랫폼, 이메일 클라이언트, Microsoft Office, 다양한 이미지 편집 도구 등 많은 애플리케이션이 SVG를 지원하지 않습니다. PNG로 변환하면 어디서나 호환되는 범용 래스터 이미지를 얻을 수 있습니다.
어떤 배율을 선택해야 하나요?
일반 화면에는 1x가 보통 충분합니다. 고DPI(레티나) 디스플레이에는 2x를 사용하세요. 대형 인쇄나 최고 품질이 필요한 경우 3x 또는 4x를 선택하세요. 예를 들어 200×200 픽셀 SVG를 2x로 변환하면 400×400 PNG가 생성되어 레티나 디스플레이에서도 선명하게 표시됩니다.
도구가 PNG 크기를 어떻게 결정하나요?
먼저 SVG의 `width`와 `height` 속성을 확인합니다. 속성이 없거나 상대 단위로 설정된 경우 `viewBox` 속성에서 고유 크기를 추출합니다. 최종 PNG 너비는 `원본_너비 × 배율`, 높이는 `원본_높이 × 배율`입니다.
파일 업로드 없이 SVG 코드를 변환할 수 있나요?
네. "SVG 코드 입력" 모드로 전환하고 `<svg>` 태그를 포함한 SVG 마크업을 붙여넣은 다음 배율을 설정하고 변환 버튼을 누르세요. 프로그래밍 방식으로 생성되거나 코드베이스에서 복사한 SVG에 특히 유용합니다.
외부 폰트나 이미지가 있는 SVG도 변환되나요?
외부 리소스(@font-face로 로드된 폰트, 외부 URL을 가리키는 `<image>` 태그)를 참조하는 SVG는 브라우저 보안 모델이 Canvas 래스터화 중 크로스 오리진 리소스 로드를 제한하기 때문에 올바르게 렌더링되지 않을 수 있습니다. 인라인 스타일과 base64 임베드 이미지를 사용하는 자급자족 SVG가 가장 잘 작동합니다.
변환된 PNG가 흐릿하게 보이는 이유는 무엇인가요?
출력 PNG가 흐릿하게 보이면 소스 SVG의 고유 크기가 매우 작을 수 있습니다. 배율을 2x 또는 4x로 높여 보세요. 도구가 선택한 배율로 원본 SVG 크기를 곱하므로 배율이 높을수록 더 많은 픽셀이 생성되어 큰 표시 크기에서도 선명한 이미지를 얻을 수 있습니다.
SVG 입력 파일 크기 제한이 있나요?
파일 업로드 모드는 최대 10MB SVG 파일을 허용합니다. 코드 입력 모드는 브라우저의 가용 메모리에 따라 제한되지만, SVG 코드는 텍스트 기반이므로 복잡한 파일도 보통 1MB 마크업을 훨씬 밑돕니다.
이 변환기는 무료이며 개인 정보는 안전한가요?
네, 계정 없이 완전히 무료입니다. 더 중요한 것은 모든 변환이 Canvas API를 사용하여 브라우저 로컬에서 이루어진다는 점입니다. SVG 파일이 서버로 전송되지 않으므로 독점 디자인, 기밀 로고, 민감한 일러스트레이션의 완전한 개인 정보 보호가 보장됩니다.