사용 방법
- .svg 파일(최대 5 MB)을 선택하거나 상자에 SVG 코드를 붙여 넣습니다.
- 고밀도 화면용 2× 같은 배율을 선택하거나 픽셀 단위로 너비를 직접 입력합니다.
- 배경을 투명하게 유지하거나 색상을 선택합니다.
- 미리보기를 확인하고 PNG를 다운로드합니다. 브라우저에서 지원하는 경우 WebP도 다운로드할 수 있습니다.
작동 방식
SVG는 벡터 형식입니다. 도형을 수학적으로 표현하므로 어떤 크기로 그려도 선명합니다. PNG는 픽셀의 격자로 이루어져 있어 많은 앱, 문서, 이메일 클라이언트와 소셜 네트워크에서 사용됩니다. 이 도구는 브라우저의 자체 렌더러로 선택한 크기에 맞춰 SVG를 그린 다음 픽셀을 PNG로 저장합니다.
기본 크기는 SVG의 width 및 height 속성에서 가져옵니다. 절대 단위는 픽셀로 변환됩니다(1 in = 96 px, 1 pt = 1.33 px). 크기 정보가 한쪽만 있거나 아예 없으면 비율과 크기를 viewBox에서 가져오며, 둘 다 없으면 브라우저 기본값인 300 × 150을 사용합니다. 100% 같은 상대값은 독립 파일에서 해석할 수 없으므로 대신 viewBox를 사용합니다.
SVG는 이미지로 불러옵니다. 신뢰할 수 없는 파일을 렌더링할 때 안전한 방식으로, 스크립트가 실행되지 않고 연결된 이미지, 웹 글꼴, CSS 파일 같은 외부 리소스도 불러오지 않습니다. 설치되지 않은 글꼴을 사용하는 텍스트는 대체 글꼴로 그려집니다. 먼저 XML을 확인하므로 입력 실수가 있으면 빈 이미지 대신 명확한 오류가 표시됩니다.
예시
SVG 로고로 앱 아이콘 만들기
viewBox="0 0 64 64"인 로고를 너비 1024로 내보내면 가장자리가 선명한 1024 × 1024 PNG가 생성되어 앱 스토어나 파비콘 생성기에 바로 사용할 수 있습니다.
웹사이트용 Retina 이미지
1× 크기에서 400 × 300인 일러스트를 배율 2로 내보내면 고밀도 디스플레이에서도 선명한 800 × 600 PNG가 생성됩니다.
슬라이드 또는 문서
차트 SVG를 배율 3으로 내보내고 흰색 배경을 지정하면 SVG를 지원하지 않는 프레젠테이션 소프트웨어에 붙여 넣을 수 있는 PNG가 생성됩니다.
자주 묻는 질문
텍스트가 다른 글꼴로 표시되는 이유는 무엇인가요?
SVG를 이미지로 그릴 때 웹에서 연결된 글꼴은 불러오지 않습니다. 기기에 설치된 글꼴이 일치하면 해당 글꼴을 사용합니다. 확실히 하려면 디자인 프로그램에서 텍스트를 윤곽선으로 변환하거나 SVG에 데이터 URL로 글꼴을 삽입하세요.
연결된 이미지가 표시되지 않는 이유는 무엇인가요?
SVG를 이미지로 렌더링할 때 보안을 위해 SVG 안에서 URL로 참조하는 이미지는 차단됩니다. 삽입된 이미지(data: URL)는 사용할 수 있습니다.
출력 크기는 최대 얼마인가요?
한 변당 최대 16,384 px, 전체 최대 50메가픽셀까지 지원합니다. 복잡한 SVG를 매우 큰 크기로 내보내면 몇 초가 걸릴 수 있으며, 메모리가 부족한 휴대전화에서는 실패할 수 있습니다.
출처를 알 수 없는 SVG를 변환해도 안전한가요?
이 도구에서 렌더링해도 안전합니다. 이미지로 그린 SVG는 스크립트를 실행하거나 외부 리소스를 불러올 수 없습니다. 변환된 PNG에는 픽셀만 포함됩니다.
개인정보 보호
SVG는 브라우저에서 파싱하고 그립니다. 업로드되거나 저장되지 않으며 분석 데이터에 포함되지 않습니다.