SVG를 PNG 또는 JPG로 온라인 변환

이 도구는 무엇인가요?

SVG는 벡터 포맷입니다. 모양을 수식으로 표현하기 때문에 아무리 확대해도 깨지지 않아서 로고나 아이콘에 특히 적합하죠. 하지만 SVG를 못 받는 곳이 많습니다 — 워드 문서, 대부분의 소셜 플랫폼, 이메일 클라이언트, 그리고 수많은 업로드 폼은 픽셀 이미지를 요구합니다. 변환(래스터화)이란 이 벡터를 특정 크기의 PNG나 JPG로 그려내는 작업입니다.

벡터는 고정된 해상도가 없기 때문에 출력 너비를 원하는 대로 고를 수 있고, 원본이 수식이라서 2048px로 뽑든 256px로 뽑든 선명도는 똑같습니다. PNG로 출력하면 SVG의 투명 배경이 그대로 유지되고, JPG로 출력하면 투명한 부분이 흰색으로 채워집니다.

왜 사용해야 할까요?

• 하나의 원본에서 어떤 해상도든 뽑아냄 — 256px 파비콘부터 2048px 인쇄용까지 전부 선명하게.
• PNG 출력은 투명도를 유지해서 로고를 어떤 배경 위에도 올릴 수 있습니다.
• "SVG 형식은 지원하지 않습니다" 같은 업로드 거부 문제를 순식간에 해결.
• 여러 파일 한 번에 변환, 로컬 처리, 업로드 없음.
• width/height가 명시되지 않은 SVG도 viewBox를 읽어서 처리합니다.

사용 방법

1. 박스에 .svg 파일을 끌어다 놓거나 클릭해서 선택합니다.
2. 출력 너비를 정합니다 — 자동을 선택하면 SVG에 지정된 크기를 그대로 씁니다.
3. PNG(투명 유지)와 JPG(흰 배경) 중 고릅니다.
4. 변환된 이미지를 다운로드합니다 — 파일마다 크기가 함께 표시됩니다.

예시

입력

logo.svg — 4KB 벡터 파일

결과

logo.png — 1024×1024, 투명 배경, 모든 픽셀이 선명함

작은 벡터 원본 하나로 원하는 크기 어디서든 픽셀 단위로 깨끗한 결과물을 얻을 수 있습니다.

자주 쓰는 상황

• 디자이너에게 SVG로 받은 회사 로고를 SVG 삽입을 지원하지 않는 워드나 파워포인트 문서에 넣을 때.
• 마스터 SVG 하나로 필요한 모든 픽셀 크기(16, 32, 180, 512px)의 앱 아이콘이나 파비콘을 만들 때.
• 대부분의 이메일 클라이언트가 래스터 이미지만 표시하기 때문에 이메일 서명에 아이콘을 넣을 때.
• 보안상의 이유로 SVG 업로드를 막아둔 소셜미디어 플랫폼이나 CMS에 그림을 올릴 때.

SVG 업로드가 애초에 왜 제한되는가

많은 플랫폼이 SVG 업로드를 막는 건 실수가 아니라 보안 때문입니다. SVG는 XML 기반이라 기술적으로 자바스크립트를 심을 수 있어서, 플랫폼이 검증 없이 그대로 렌더링하면 악성 SVG가 스크립트 삽입 통로가 될 수 있습니다. SVG를 PNG나 JPG로 래스터화하면 픽셀 데이터 외의 모든 것이 빠지기 때문에, 이 변환은 단순히 편의를 위해서라기보다 필수인 경우가 많습니다. 사용자의 SVG가 실제로 무해하든 아니든, 해당 플랫폼 입장에서는 벡터 형식 자체를 안전하게 받을 수 없는 겁니다.

해상도에 상관없이 선명한 이유

SVG 파일은 애초에 픽셀을 저장하지 않습니다. "이 점에서 저 점까지 선을 그어라", "이 곡선 안을 이 색으로 채워라" 같은 수학적 경로 정보와, 그 경로들이 놓이는 좌표 공간을 정의하는 viewBox를 저장할 뿐입니다. 래스터화할 때 브라우저의 렌더링 엔진은 요청받은 픽셀 크기에 맞춰 모든 곡선과 채우기를 매번 처음부터 새로 계산합니다. 이건 기존 래스터 이미지(JPG나 PNG)를 확대하는 것과는 완전히 다른데, 그 경우는 원래 없던 픽셀을 새로 만들어내야 해서 필연적으로 흐릿해집니다. SVG는 4000px로 렌더링하든 100px로 렌더링하든 똑같이 선명한데, 둘 다 작은 원본을 늘린 게 아니라 같은 수식에서 매번 새로 계산된 결과이기 때문입니다.

자주 묻는 질문