SVG to PNG 변환기 - 원하는 크기로 무료 래스터화

SVG 벡터 파일을 원하는 픽셀 크기 그대로 PNG 이미지로 만듭니다. 전부 브라우저에서 실행되며 업로드가 없고, 150px로 고정 출력되는 일도 없습니다.

SVG to PNG 변환이 하는 일

SVG는 PNG 같은 의미의 이미지가 아닙니다. 도형과 패스, 텍스트를 수식으로 기술한 텍스트 문서입니다. 원은 색점의 격자가 아니라 중심과 반지름으로 정의됩니다. PNG는 정반대로, 한 번 정해지면 이후에 바꿀 수 없는 고정된 픽셀 격자입니다. 그래서 이 둘 사이의 변환은 다시 포장하는 일이 아니라 렌더링입니다. 브라우저의 SVG 엔진이 지정한 크기에서 그림을 처음부터 다시 그리고, 그렇게 렌더링된 픽셀이 PNG가 됩니다. 이 사이트의 다른 어떤 도구도 묻지 않는 너비와 높이를 여기서만 묻는 이유가 이것입니다. 보존해야 할 '원본 해상도'가 없기 때문입니다. 벡터에는 애초에 해상도가 없습니다. 512픽셀을 요청하면 모든 곡선이 512픽셀에서 계산되고, 4096을 요청하면 같은 파일에서 확대도 흐림도 없는 선명한 4096픽셀 이미지가 나옵니다. 품질을 결정하는 것은 오직 지정한 크기뿐입니다. 크기 조절 기능은 특정한 함정을 피하기 위한 장치이기도 합니다. 루트 요소에 너비와 높이가 빠진 SVG는 고유 크기가 전혀 없고, 이런 파일을 일반 이미지로 그리라고 하면 브라우저는 약 150픽셀이라는 CSS 기본값으로 처리합니다. 수많은 아이콘 세트, Figma 내보내기 파일, 손으로 작성한 파일이 정확히 그런 모양입니다. viewBox만 들어 있어 비례는 정해지지만 크기는 정해지지 않습니다. 아무 생각 없이 변환하면 옥외 광고판에 쓸 로고가 썸네일로 돌아옵니다. 이 도구는 먼저 파일을 읽고, 크기가 파일이 아니라 도구가 정한 값일 때 그 사실을 알려 주며, 조용히 150픽셀로 래스터화하는 일을 하지 않습니다.

SVG를 PNG로 변환하는 이유

거의 언제나 뒤쪽 어딘가에서 벡터를 읽지 못하기 때문이거나, 렌더러마다 달라지는 결과 대신 하나로 고정된 결과가 필요하기 때문입니다.

SVG 업로드를 아예 거부하는 곳에 대응하기 — 앱스토어 에셋, 대부분의 소셜 네트워크, 마켓플레이스 상품 등록, 이메일 클라이언트
예측 가능한 결과 얻기 — SVG는 뷰어의 폰트와 필터 지원에 좌우되지만 PNG는 어디서나 똑같이 표시됩니다
원본 파일 하나로 아이콘이나 로고의 크기별 내보내기 만들기 — 파비콘, 앱 아이콘, 썸네일을 1x, 2x, 4x로
벡터를 전혀 지원하지 않는 소프트웨어에 그래픽 넣기 — 구형 오피스 제품군부터 게임 엔진, 사진 편집기까지

SVG를 PNG로 변환하는 방법

실제로 결정할 것은 출력 해상도뿐이니, 변환하기 전에 잠깐 생각해 볼 가치가 있습니다.

1

SVG를 한 개 또는 여러 개 추가합니다. 지정한 크기는 묶음 안의 모든 파일에 적용됩니다

2

너비와 높이를 확인합니다. SVG에 선언된 크기가 있으면 그 값에서 시작하고, 없으면 도구가 그 사실을 알려 줍니다

3

필요한 해상도를 입력하거나 1x, 2x, 4x를 누릅니다. 일부러 그림을 늘리려는 것이 아니라면 비율 고정을 켜 두세요

4

변환하고 미리보기를 확인한 뒤 PNG를 내려받거나 전체를 ZIP으로 받습니다

자주 묻는 질문

SVG에는 보존할 픽셀이 없기 때문입니다. 이 사이트의 다른 변환은 모두 고정된 격자를 가진 이미지에서 출발합니다. 1920x1080 JPG는 1920x1080 PNG가 되므로 물어볼 것이 없습니다. 반면 벡터는 도형을 수식으로 기술하므로 무언가가 렌더링하기 전까지는 해상도라는 것이 존재하지 않습니다. 묻지 않는 변환기는 그저 말없이 숫자를 하나 고르는 것이며, 파일에 크기가 선언되어 있지 않으면 대개 브라우저의 150픽셀 기본값으로 떨어집니다.
지정하는 대로 나옵니다. 도구가 파일의 viewBox를 읽어 비례를 계산한 뒤 긴 변 기준 1024픽셀을 제안하고, 그 숫자가 파일이 아니라 도구에서 나온 값이라는 점을 분명히 알려 줍니다. 이 기본값은 안전한 출발점일 뿐 권장값은 아닙니다. 앱 아이콘이나 인쇄용 에셋으로 쓸 그림이라면 실제로 필요한 크기를 직접 입력하세요. 다만 이 도구가 절대 하지 않는 일은 150x150으로 떨어지는 것인데, 단순한 캔버스 변환이 바로 이런 파일에서 만들어 내는 결과가 그것입니다.
아닙니다. 사진 크기 조절에 익숙한 분들이 가장 놀라는 지점입니다. JPG를 키우면 이미 존재하는 픽셀을 늘리는 것이라 디테일이 번집니다. SVG를 더 큰 크기로 렌더링하면 모든 패스를 처음부터 다시 계산하므로, 4096픽셀 내보내기는 256픽셀짜리와 똑같이 선명합니다. 확대라는 과정 자체가 없습니다. 실제로 치르는 대가는 파일 용량과 렌더링 시간뿐입니다. 예외는 SVG 안에 포함된 래스터 이미지입니다. 이들은 평범한 비트맵이라 원래 해상도를 넘겨 렌더링하면 흐려집니다.
받아 주는 곳이라면 SVG 그대로 두세요. 웹에서는 대체로 용량이 더 작고, 어떤 화면에서 어떤 배율로 봐도 선명하며, CSS로 스타일을 바꿀 수도 있습니다. 변환은 대상이 벡터를 거부할 때, 뷰어마다 동일한 렌더링이 보장되어야 할 때, 또는 SVG가 대상 렌더러에서 지원되지 않을 수 있는 폰트나 필터에 의존할 때 선택하세요. 흔한 방식은 SVG를 원본으로 보관하고 필요할 때마다 PNG를 내보내는 것입니다. 벡터가 계속 기준 파일로 남습니다.
네. PNG에는 알파 채널이 있고, SVG가 한 번도 칠하지 않은 영역은 완전히 투명하게 남습니다. 배경 사각형이 없는 로고는 배경 없이 그대로 내보내집니다. 결과물에 예상치 못한 흰색이나 유색 배경이 보인다면, 변환 과정에서 생긴 것이 아니라 거의 확실히 SVG 안에 그려진 채워진 사각형입니다. 편집기에서 파일을 열어 그 도형을 지우세요.
그대로 진행하는 쪽이 더 나쁘기 때문입니다. SVG를 이미지로 그릴 때 브라우저는 네트워크에서 무언가를 가져오는 것을 차단하므로, 링크된 로고나 웹폰트는 아예 도착하지 않습니다. 그러면 해당 그래픽이 있어야 할 자리가 빈 채로 내보내지고 아무도 그 사실을 알려 주지 않습니다. 조용히 불완전한 PNG를 건네는 대신 도구가 멈추고 이유를 설명합니다. 이미지를 data URI로 포함시키거나, 텍스트를 윤곽선으로 변환하거나, 편집기에서 파일을 평탄화하면 정상적으로 변환됩니다.
아닙니다. SVG를 읽고 렌더링하고 인코딩하는 모든 과정이 브라우저 안에서 이루어지며 파일은 기기를 벗어나지 않습니다. 여기서는 이 점이 평소보다 더 중요합니다. SVG는 일반 텍스트라 제작에 쓰인 디자인 도구의 레이어 이름, 주석, 내부 식별자를 그대로 달고 다니는 일이 흔하기 때문입니다. 그 어떤 것도 밖으로 나가지 않습니다. 실질적 한계는 업로드 용량이 아니라 기기의 메모리이며, 그래서 지나치게 큰 출력 크기는 시도하기 전에 차단됩니다.
브라우저가 렌더링에 쓰는 캔버스에 상한이 있기 때문입니다. 한 변 약 16384픽셀이며, 전체 면적 상한은 휴대폰에서 더 낮습니다. 그 한계를 넘으면 캔버스는 오류를 내지 않고 빈 비트맵을 돌려주며, 다운로드 결과는 빈 이미지가 됩니다. 이 도구는 요청한 크기를 미리 그 한계와 대조하고 대신 안내 메시지를 띄우며 거부합니다. 정말로 거대한 출력이 필요하다면 브라우저 캔버스에 묶이지 않는 Inkscape 같은 데스크톱 소프트웨어에서 SVG를 렌더링하세요.

더 많은 이미지 도구

이미지 편집 요구에 맞는 다른 강력한 도구를 살펴보세요

이미지 압축

크기 줄이기

크기 조절

치수 변경

이미지 자르기

영역 자르기

사진 편집기

사진 편집

이미지 회전

이미지 회전

이미지 뒤집기

수평/수직 뒤집기

워터마크 추가

워터마크

테두리 추가

이미지 테두리 추가

둥근 모서리

둥근 모서리 추가

필터

밝기/대비

얼굴 흐리게

얼굴 숨기기

모자이크

영역 흐림

배경 제거

배경 제거

이미지 향상

AI 업스케일

텍스트 추가

이미지에 텍스트 추가

콜라주

여러 이미지 결합

HTML을 이미지로

웹을 이미지로

GIF를 시퀀스로

프레임 추출

이미지 여백 제거

빈 가장자리 제거

이미지 일괄 이름 변경

파일 이름을 안전하게 한꺼번에 변경

원형 자르기

이미지를 원형으로 자르기

흑백

이미지를 흑백으로 변환

이미지 분할

이미지를 그리드로 자르기

이미지 병합

이미지를 하나로 결합

DPI 변경

이미지 DPI 메타데이터 설정

이미지를 Base64로

이미지를 Base64로 인코딩

이미지를 PDF로

이미지를 하나의 PDF로 합치기

HEIC을 JPG로 변환

아이폰 HEIC 사진을 JPG로 변환

EXIF 제거기

GPS 위치를 포함한 사진 속 숨겨진 메타데이터 확인 및 삭제

파비콘 생성기

전체 아이콘 세트와 HTML 제공

색상 팔레트

이미지에서 색상 추출하기

Base64를 이미지로

Base64를 다시 이미지로 디코딩

HEIC를 PNG로

아이폰 HEIC 사진을 무손실 PNG로 변환

이미지 뒤 텍스트

사진 속 피사체 뒤에 텍스트를 넣습니다. 전부 브라우저에서 처리됩니다

컬러 피커

원하는 픽셀의 HEX, RGB, HSL 값 확인

서명 만들기

서명을 그려서 투명 PNG로 다운로드

서명 배경 제거

종이에서 잉크만 남겨 투명하게

투명 배경 만들기

배경을 투명하게 만들기