SVG PNG 변환 방법
- 1. SVG 파일 선택‘SVG 파일 선택’을 클릭하거나 파일을 상자에 끌어다 놓으세요.
- 2. ‘변환’ 클릭‘크기’를 1×에서 8× 사이로 고른 뒤 ‘변환’을 클릭하세요.
- 3. 다운로드PNG를 한 장씩 받거나 ZIP으로 한 번에 다운로드하세요.
SVG와 PNG에 대해
SVG는 벡터 형식입니다. 도형과 글자를 명령어로 기록하기 때문에 어떤 크기에서도 선명합니다. 웹에서 로고와 아이콘에 주로 쓰입니다.
PNG는 크기가 정해진 픽셀 격자입니다. SNS, 이메일 서명, 오피스 문서, 대부분의 메신저는 PNG를 받지만 SVG는 거의 받지 않습니다.
| SVG | PNG | |
|---|---|---|
| 종류 | 벡터 | 픽셀 |
| 확대해도 흐려지지 않음 | 예 | 아니요 |
| 투명 배경 | 지원 | 지원 |
| 텍스트로 편집 | 가능 | 불가능 |
| SNS, 이메일, 오피스 앱에서 사용 | 드묾 | 거의 항상 가능 |
| 적합한 용도 | 웹의 로고와 아이콘 | 일반 이미지가 필요한 모든 곳 |
출력 크기 고르기
‘크기’ 옵션은 SVG에 지정된 너비와 높이에 배수를 곱합니다. 지정된 값이 없으면 viewBox를 씁니다. 아래 표는 200 × 100 크기로 그린 로고의 결과입니다.
| 크기 | PNG 크기 | 적합한 용도 |
|---|---|---|
| 1× | 200 × 100 | SVG 원래 크기 |
| 2× (기본값) | 400 × 200 | 고밀도 화면 |
| 4× | 800 × 400 | 슬라이드, 인쇄 |
| 8× | 1600 × 800 | 큰 인쇄물, 배너 |
다르게 보일 수 있는 부분
SVG는 브라우저가 이미지를 표시하는 방식으로 그려지므로 안에 든 스크립트는 실행되지 않습니다. 일부 요소는 제대로 나오지 않을 수 있습니다.
- 외부에서 불러오는 웹 폰트는 적용되지 않을 수 있어 글자가 기본 글꼴로 바뀔 수 있습니다. 글꼴을 정확히 유지하려면 디자인 앱에서 텍스트를 윤곽선으로 바꾸세요.
- URL로 연결된 이미지는 나오지 않을 수 있습니다. SVG 안에 포함된 이미지는 나옵니다.
- 애니메이션이나 인터랙티브 SVG는 정지된 한 장면이 됩니다.
- SVG가 칠하지 않은 영역은 투명하게 남습니다. 흰색 상자가 보인다면 그림 뒤에 흰색 사각형이 들어 있는 SVG입니다.
개인정보 보호
변환은 브라우저에서 실행됩니다. 파일은 서버에 업로드되지 않습니다.
자주 묻는 질문
SVG에서 고해상도 PNG를 얻으려면 어떻게 하나요?
‘변환’을 클릭하기 전에 ‘크기’를 4×나 8×로 설정하세요. SVG는 벡터이므로 큰 PNG도 작은 PNG만큼 선명합니다.
SVG를 4K PNG로 변환할 수 있나요?
SVG 원래 크기에 따라 다릅니다. 너비 480픽셀인 SVG를 8×로 변환하면 너비가 3840픽셀이 되며 이는 4K 너비입니다.
너비와 높이를 정확히 지정할 수 있나요?
아니요. ‘크기’ 옵션은 1×, 2×, 4×, 8× 배율만 지원합니다. SVG에서 너비와 높이를 먼저 설정하거나 가장 가까운 배율로 변환한 뒤 PNG 크기를 조절하세요.
SVG를 PNG로 변환해도 투명 배경이 유지되나요?
네. SVG에서 비어 있는 영역은 PNG에서도 투명하게 남습니다.
PNG의 글자가 다르게 보이는 이유는 무엇인가요?
SVG가 포함되지 않은 웹 폰트를 쓰고 있어 대체 글꼴이 나온 것으로 보입니다. 디자인 도구에서 텍스트를 패스로 바꾼 뒤 다시 변환하세요.
변환할 때 SVG 안의 스크립트가 실행되나요?
아니요. SVG는 이미지로 그려지므로 안에 든 스크립트는 실행되지 않습니다.