SVG to PNG 변환 방법
이 도구는 브라우저의 Canvas API를 사용해 SVG 파일을 PNG 이미지로 변환합니다. 외부 라이브러리나 서버 없이 순수 브라우저 기능만 사용하므로 빠르고 안전합니다. SVG 파일을 선택하면 미리보기와 원본 크기가 표시되고, 배율을 선택하면 출력 크기가 미리 보입니다. SVG 자체 배경이 없으면 변환된 PNG도 투명 배경으로 출력됩니다.
SVG는 벡터 형식이라 배율을 아무리 높여도 품질이 떨어지지 않습니다. 웹 아이콘은 1~2배, 인쇄물은 3~4배, 대형 포스터나 배너는 6~8배를 권장합니다. 다만 배율이 너무 높으면 캔버스 메모리를 많이 사용해 브라우저가 느려질 수 있으니 필요한 크기만큼만 선택하세요.
외부 폰트, 외부 URL 이미지, 스크립트 등이 포함된 복잡한 SVG는 브라우저 보안 정책(CORS)으로 인해 해당 요소가 누락될 수 있습니다. 가장 안정적인 결과를 위해서는 Base64 인코딩 이미지와 인라인 스타일로 작성된 자기완결형 SVG를 사용하세요.
자주 묻는 질문
SVG에 width/height 속성이 없으면 브라우저가 기본값으로 처리합니다. 이 경우 출력 크기가 의도와 다를 수 있습니다. SVG 파일에 viewBox와 함께 명시적인 width/height를 추가해 두면 더 정확하게 변환됩니다.
네. SVG에 배경 색상이 없으면 변환된 PNG도 투명 배경으로 저장됩니다. 결과 미리보기에서 바둑판 패턴이 보이면 투명 영역임을 나타냅니다.
SVG에 외부 웹폰트(Google Fonts 등)를 사용한 경우 CORS 정책으로 인해 변환 시 폰트가 대체 폰트로 표시될 수 있습니다. 폰트를 SVG에 직접 임베드하거나, 텍스트를 패스(path)로 변환하면 해결됩니다.