SVG PNG 변환 사용 방법
- 1SVG 파일을 상자에 끌어다 놓으세요. 여러 개를 넣어도 됩니다.
- 2출력 크기에서 1x, 2x, 3x, 4x 중에 고르거나 너비를 픽셀로 입력하세요. 변환 전에 결과 크기가 표시됩니다.
- 3저장 형식(PNG, JPG, WebP)과 배경(투명, 흰색, 검은색, 직접 선택)을 고르세요.
- 4PNG로 변환을 누른 뒤 한 장씩 또는 전체 다운로드 (ZIP)로 받으세요.
크기는 어떻게 정할까?
SVG에는 정해진 해상도가 없어서 PNG를 몇 픽셀로 만들지 직접 정해야 합니다. 배율은 SVG에 적힌 크기에 곱해집니다. 고해상도 화면용 아이콘은 2x, 인쇄물이나 발표 자료는 4x가 알맞습니다. 너비를 입력하면 앱 아이콘용 512px, SNS 이미지용 1200px처럼 정확한 폭으로 만들고 높이는 비율에 맞춰 자동으로 정해집니다.
작은 이미지를 확대하는 게 아니라 벡터를 목표 크기로 직접 그리기 때문에, 어떤 배율에서도 경계가 선명합니다.
배경과 형식
PNG와 WebP는 투명 배경을 유지하므로 다른 디자인 위에 올릴 로고에 알맞습니다. 투명 배경을 표시하지 못하는 곳에 쓸 이미지라면 배경색을 고르고, 단색 배경에 용량이 가장 작은 파일이 필요하면 JPG를 고르세요.
알아 두실 점
- 외부 이미지나 웹 폰트를 불러오는 SVG는 그 부분 없이 그려집니다. 이 방식에서는 브라우저가 외부 리소스를 막기 때문입니다. 정확한 결과가 필요하면 디자인 툴에서 글자를 윤곽선(아웃라인)으로 바꿔 두세요.
- width·height가 없는 SVG는 viewBox 크기를, 둘 다 없으면 300 x 150을 기준으로 합니다.
- 한 변이 16384픽셀을 넘는 아주 큰 출력은 브라우저가 그릴 수 없어 변환되지 않습니다.
자주 묻는 질문
PNG 배경이 투명하게 나오나요?
네, 기본값이 투명입니다. 흰색, 검은색 또는 원하는 색으로 바꿀 수도 있습니다.
SVG를 고해상도 PNG로 만들려면 어떻게 하나요?
4x를 고르거나 2000처럼 큰 너비를 입력하세요. SVG를 그 크기로 직접 그리기 때문에 결과가 선명합니다.
글꼴이 원본과 다르게 나와요.
SVG가 웹에서 불러오거나 설치되어 있다고 가정한 글꼴은 변환할 때 쓸 수 없을 수 있습니다. SVG를 내보내기 전에 글자를 패스(윤곽선)로 바꿔 주세요.
SVG 아이콘 여러 개를 한 번에 바꿀 수 있나요?
네. 아이콘 세트를 통째로 넣고 같은 배율로 변환한 뒤 ZIP으로 받을 수 있습니다.
파일이 업로드되나요?
아니요. SVG는 내 브라우저에서 그려집니다.