SVG를 PNG로 변환기
SVG 그래픽을 PNG 이미지로 변환합니다.
SVG 파일을 여기에 놓거나 클릭해서 선택
기능
SVG 붙여넣기 또는 파일 업로드
출력 배율 조절(1x~3x+)
투명 또는 흰색 배경
PNG 내려받기
사용 방법
1. 입력란에 SVG 코드를 붙여넣거나 .svg 파일을 드래그하세요.
2. 출력 너비/배율을 선택하세요.
3. 투명 또는 흰색 배경을 선택하세요.
4. PNG 다운로드 버튼을 클릭하세요.
이 도구에 대하여
SVG는 크기를 키워도 선명함이 유지되어 로고와 아이콘에 이상적이지만, SNS, 문서 편집기, 앱 스토어, 이메일 클라이언트 등 많은 곳이 래스터 이미지만 받습니다. 이 변환기는 SVG 코드나 업로드한 .svg 파일을 브라우저에서 렌더링해 원하는 너비와 높이의 PNG로, 투명·흰색·검은색 배경 중 하나로 내보냅니다. 벡터를 목표 크기로 직접 그리므로 SVG에서 만든 2048픽셀 PNG는 작은 비트맵을 확대한 것과 달리 선명합니다. 늘어나지 않도록 출력 비율을 SVG의 viewBox에 맞추고, SVG가 쓰는 글꼴과 외부 이미지는 샌드박스에서 불러올 수 없으므로 파일 안에 포함하세요.
자주 묻는 질문
선명한 고해상도 PNG를 얻으려면 어떻게 하나요?
출력 너비와 높이를 필요한 크기로 설정하세요. 앱 아이콘이라면 1024 × 1024입니다. SVG가 그 크기로 렌더링되므로 작은 이미지를 확대한 것이 아니라 선명한 PNG가 됩니다.
PNG가 늘어나 보이는 이유는 무엇인가요?
출력은 입력한 너비와 높이에 정확히 맞춰 그려집니다. 그 비율이 SVG의 가로세로 비율(viewBox)과 다르면 그림이 찌그러집니다. 변환 전에 viewBox 비율로 높이를 계산하세요.
결과에서 글자나 이미지가 빠진 이유는 무엇인가요?
이미지로 불러온 SVG는 외부 글꼴, 스타일시트, 링크된 이미지를 가져올 수 없습니다. 디자인 도구에서 글자를 윤곽선으로 바꾸거나 글꼴을 포함하고, 이미지는 SVG 안에 data URL로 넣으세요.
배경을 투명하게 둬야 하나요?
여러 배경에 올릴 로고라면 투명하게 두세요. 사용할 곳이 투명도를 지원하지 않거나 투명 부분을 체크무늬나 검은색으로 보여 준다면 흰색이나 검은색을 고르세요.
SVG가 서버에 업로드되나요?
아니요. 코드는 브라우저 자체의 SVG 엔진과 canvas로 렌더링되고 PNG는 로컬에서 만들어집니다. 그래서 아주 복잡한 SVG는 래스터화하는 데 잠시 걸릴 수 있습니다.
관련 도구
이미지 압축기
브라우저에서 바로 JPEG, PNG, WebP 이미지의 파일 크기를 줄입니다....
이미지 리사이저
브라우저에서 바로 이미지의 크기를 변경합니다....
플레이스홀더 이미지 생성기
원하는 크기의 단색 플레이스홀더 이미지를 생성합니다....
IP 조회
모든 IP 주소에 대한 상세 정보를 확인할 수 있습니다....
JSON 포맷터
왼쪽 입력 상자에 JSON을 붙여넣은 후 포맷 버튼을 클릭하면 보기 좋게 정리됩니다. 압축 버튼을 클릭하면 한 줄로 압축됩니다. 오류가 있을 경...
HTML 포맷터
정리되지 않은 HTML을 왼쪽에 붙여넣으면 적절한 들여쓰기가 적용된 깔끔한 코드를 오른쪽에서 확인할 수 있습니다....
CSS 포맷터
CSS 또는 압축된 CSS를 붙여넣은 후 적절한 들여쓰기로 보기 좋게 정리하거나 배포용으로 압축할 수 있습니다....
JavaScript 포맷터
JavaScript 코드(압축된 파일 포함)를 붙여넣으면 깔끔하게 들여쓰기된 코드를 얻을 수 있습니다....