SVG→PNG 변환기이란?
벡터 SVG 파일을 원하는 해상도의 PNG, JPEG, WebP 래스터 이미지로 변환합니다. 크기와 포맷, 배경을 정한 뒤 이미지를 내려받으세요.
.svg 파일 한 장이든 여러 장이든 끌어다 놓으면 바로 미리보기가 뜨고 원하는 크기를 그대로 지정할 수 있습니다. 비율 잠금으로 모양이 일그러지지 않으며 배경은 투명 또는 단색 중에서 고를 수 있습니다. 출력은 PNG(무손실·투명 지원), JPEG(용량 작음·흰 배경), WebP(최신 포맷, 압축 최강) 중 선택 가능. 1x부터 4x까지의 스케일 프리셋이면 아이콘 한 개를 레티나·울트라HD까지 한 번에 뽑을 수 있고, 옵션의 1x/2x/3x ZIP 내보내기는 세 가지 밀도를 한 번의 클릭으로 묶어 줍니다. currentColor를 사용한 아이콘에는 인라인 컬러 피커가 함께 떠서 래스터화 전에 색을 바꿀 수 있습니다. 일괄 변환 시 모든 결과 파일은 ZIP 한 개로 묶여 다운로드됩니다.
사용 방법
- .svg 파일을 하나 또는 여러 개 드롭 영역에 끌어다 놓거나 클릭해서 선택하세요. 나중에 "SVG 더 추가" 버튼으로 더 넣을 수 있습니다.
- 출력 너비와 높이를 픽셀 단위로 설정하고 배경색(투명 또는 사용자 지정)을 선택하세요.
- 포맷(PNG, JPEG, WebP)과 배율을 고른 뒤 변환을 누르면 지정한 크기로 이미지가 다운로드됩니다.
사용 시기
- SNS 프로필용으로 로고를 1024×1024, 투명 배경 PNG로 내보낼 때.
- 아이콘 SVG 한 장에서 앱 빌드용 @2x, @3x 레티나 PNG를 동시에 생성할 때.
- SVG를 받지 못하는 파워포인트에 D3나 Mermaid로 그린 차트를 붙여 넣을 때.
결과
디자이너가 회사 로고 SVG를 업로드하고 소셜 미디어 프로필 사진용으로 투명 배경의 1024x1024 PNG로 변환합니다.
자주 묻는 질문
- 지정한 크기인데 PNG가 흐릿하게 보이는 이유는?
- 둘 중 하나입니다. SVG 안에 비트맵이 포함돼 있거나(<image> 태그가 PNG/JPG를 참조), viewBox보다 작은 폭을 선택했거나. 벡터 도형은 크기에 상관없이 선명하지만, 내장된 비트맵은 그대로 확대돼 흐릿해집니다.
- 투명을 껐는데 배경이 왜 검은색으로 나오나요?
- 투명을 끄면 선택한 색이 캔버스를 채웁니다. 기본 검정 그대로 두거나 색을 지정하지 않으면 검정으로 출력됩니다. 평범한 앱 화면 배경에는 흰색(#ffffff)을, 브랜드 컬러가 필요하다면 그 색을 직접 지정하세요.
- 4K나 8K 같은 큰 크기로 내보낼 수 있나요?
- 가능합니다. 다만 브라우저 canvas 한계가 있어서 최신 크롬·파이어폭스 기준 보통 16,384 × 16,384픽셀 정도입니다. 메모리는 가로 × 세로 × 4바이트 비례로 늘어나며, 8K 렌더링은 200MB 가까이 쓸 수 있으니 무거운 탭은 미리 닫아 두세요.
- SVG에서 참조하는 외부 폰트도 그대로 보존되나요?
- 현재 브라우저에 폰트가 이미 로드돼 있을 때만 보존됩니다. <link>로 웹폰트를 참조한 SVG는 변환 중에 폰트를 새로 받아오지 않습니다. 텍스트 모양을 정확히 보장하려면 내보내기 전에 텍스트를 패스로 변환하거나, 시스템 전체에 폰트를 설치해 두세요.
- SVG 안의 CSS 애니메이션이나 인터랙티브 스크립트도 지원되나요?
- 지원되지 않습니다. PNG는 정적 포맷이라 SMIL, CSS, JavaScript 애니메이션은 0번 프레임 상태로 멈춰 출력됩니다. 애니메이션 중간 프레임이 필요하면 원본 앱에서 해당 시점까지 재생한 뒤 그때 내보내세요.