🖼️ SVG to PNG 변환기 -- 무료, 브라우저 전용, 업로드 없음
어떤 SVG든 브라우저 안에서 즉시 PNG로 변환합니다. 파일이 서버에 전송되는 일은 없습니다. 텍스트 영역에 SVG 마크업을 붙여넣거나, 파일 선택기로 .svg 파일을 불러오세요. 픽셀 배율(1x, 2x, 3x, 4x)을 선택하거나 출력 너비를 직접 입력하면 높이가 자동으로 계산됩니다. 흰색 배경과 투명 배경 중 선택한 뒤 버튼 한 번으로 PNG를 다운로드하세요.
or width:
(height auto)
소개
이 SVG to PNG 변환기는 Canvas API를 사용해 브라우저 내에서만 동작합니다. 백엔드·파일 업로드·외부 서비스가 전혀 없습니다. SVG 마크업을 붙여넣거나 파일을 불러오면, 도구가 일시적인 메모리 내 Blob URL을 생성하고, 이를 오프스크린 Image 요소에 로드한 뒤 지정한 크기로 캔버스에 그립니다. 렌더링 후 Blob URL은 즉시 해제되어 파일 참조가 남지 않습니다. 명시적 width/height 속성이 없는 SVG는 viewBox를 읽어 기본 크기를 결정합니다. 내보낸 PNG는 canvas.toBlob()으로 캔버스에서 직접 생성되어 기기에 저장됩니다.
사용 방법
- 입력 방법 선택: "SVG 붙여넣기"를 클릭하고 텍스트 영역에 SVG 코드를 붙여넣거나, "파일 선택"을 클릭해 기기에서 .svg 파일을 선택합니다.
- 출력 배율 설정 -- 1x, 2x, 3x, 4x 중 선택해 SVG 기본 크기를 배수로 키우거나, 너비 입력란에 정확한 픽셀 너비를 입력합니다. 높이는 가로세로 비율로 자동 계산됩니다.
- 배경 선택: 문서·인쇄에 적합한 흰색 단색 PNG는 "흰색"을, 유색 배경에서 사용할 알파 채널 보존이 필요하면 "투명"을 선택합니다.
- "PNG로 변환" 클릭 -- 저장 전에 결과를 확인할 수 있도록 캔버스에 미리보기가 즉시 표시됩니다.
- "PNG 다운로드"를 클릭해 기기에 파일을 저장합니다. 파일은 브라우저에서 완전히 생성되며 어떤 서버에도 업로드되지 않습니다.
자주 묻는 질문
- SVG 파일이 서버에 업로드되나요?
- 아니요. SVG는 기기를 벗어나지 않습니다. 변환기는 브라우저 메모리에 임시 Blob URL을 생성하고 HTML 캔버스에 이미지를 그린 뒤 즉시 URL을 폐기합니다. 모든 처리가 브라우저의 Canvas API로 클라이언트 측에서 이루어집니다.
- SVG에 width나 height 속성이 없으면 어떻게 되나요?
- 변환기가 viewBox 속성으로 폴백하여 기본 크기를 결정합니다. width, height, viewBox 모두 없으면 기본값 300x300 px로 설정됩니다. 배율 버튼이나 너비 입력란으로 출력 크기를 언제든지 변경할 수 있습니다.
- 레티나 또는 인쇄용 고해상도 PNG는 어떻게 얻나요?
- 2x, 3x, 4x를 선택하면 SVG 기본 픽셀 크기의 2, 3, 4배로 PNG를 렌더링합니다. 또는 너비 입력란에 2400처럼 특정 픽셀 너비를 입력하면 높이가 비례적으로 조정됩니다.
- PNG 배경을 투명하게 만들 수 있나요?
- 네. 변환하기 전에 배경 토글에서 "투명"을 클릭하세요. 캔버스를 흰색으로 채우지 않으므로 SVG에서 채색이 없는 영역이 PNG의 투명 픽셀로 저장되어 알파 채널이 보존됩니다.