SVG PNG 변환기

필요한 크기를 고르면 선명한 PNG를 받습니다. 무료, 가입 불필요, 워터마크 없음. 파일은 브라우저 밖으로 나가지 않습니다.

SVG 파일을 여기에 놓거나 클릭해서 고르세요

한 번에 여러 개 · 파일당 최대 20 MB

100% 브라우저에서
업로드 없음, 가입 없음
투명도 유지
일괄 처리 + ZIP

벡터 이미지에는 정해진 픽셀 크기가 없습니다. 여기서 고르는 크기가 PNG의 선명도를 결정합니다. 왜죠?

SVG를 PNG로 바꾸는 이유

SVG가 더 나은 형식입니다 — 받아주지 않는 곳을 만나기 전까지는요. 메일 클라이언트는 SVG를 걷어냅니다. 대부분의 SNS는 프로필 사진으로도 미리보기 이미지로도 받지 않습니다. 많은 업로드 양식, 인쇄 서비스, 쇼핑몰 관리자 화면, 그리고 좀 오래된 소프트웨어는 픽셀만 이해합니다. 발표 자료나 문서에 넣었을 때의 동작도 예측하기 어렵습니다. SVG의 결함이 아니라 지원 범위의 차이입니다. PNG는 어디서나 통합니다.

그래서 변환하는 이유는 대개 취향이 아니라 호환성입니다. SVG를 원본으로 두고, 필요할 때마다 그 용도가 요구하는 크기로 PNG를 내보내면 됩니다.

두 번째 이유는 겉모습을 고정하는 것입니다. SVG는 보는 사람의 글꼴과 렌더링 엔진으로 그려지기 때문에 기기마다 미묘하게 달라질 수 있습니다. PNG는 어디서나 같습니다. 모든 결정이 이미 끝났으니까요.

그리고 반대 방향과 달리 이쪽은 단순합니다. PNG에서 SVG로 가는 일은 파일에 없던 형태를 추측하는 작업이지만, SVG에서 PNG로 가는 일은 그냥 그리는 것이고 브라우저는 그리기를 잘합니다. 정할 것은 얼마나 크게 그릴지뿐입니다.

'화질이 떨어지나요'는 질문이 어긋나 있습니다

SVG에는 자기 픽셀 크기가 없습니다. 변환할 때 '지켜야 할' 것은 없고, 당신이 고르는 크기만 있습니다. 그리고 모든 것이 그 선택에 달려 있습니다.

이 변환에서 가장 많이 검색되는 질문 중 하나이고, 그렇게 생각하는 이유도 충분합니다. JPEG는 저장할 때마다 대가를 조금씩 치르니 변환도 그럴 거라고 여기게 되죠. 벡터는 그렇지 않습니다.

SVG는 명령의 묶음입니다 — 여기에 원을 그려라, 이 경로를 저 색으로 채워라. 해상도라는 개념이 없습니다. PNG로 내보낼 때 브라우저는 당신이 요청한 크기로 그 명령을 실행해 처음부터 다시 그립니다. 4000픽셀을 요청하면 4000픽셀로 그립니다. 애초에 픽셀 데이터가 없으니 축소도 재압축도 일어나지 않습니다.

이 성질이 어디까지 버티는지 직접 재봤습니다. 100픽셀짜리 원본을 키워서 그리면 1000픽셀에서 약 20밀리초, 4000픽셀에서 약 4분의 1초, 8000픽셀에서 약 1초, 16000픽셀에서 약 5초에 4.5 MB가 나옵니다. 모든 단계가 깨끗한 재그리기이지 확대가 아닙니다. 그 위로는 브라우저 캔버스가 포기하기 때문에 이 도구는 긴 변을 16000으로 제한합니다.

그래서 내보낸 PNG가 흐릿하거나 계단처럼 보인다면, 원인이 변환의 손실인 경우는 거의 없습니다. 놓이는 자리에 비해 픽셀이 부족한 것입니다. 64픽셀짜리 PNG를 슬라이드에서 너비 400픽셀로 늘리면 어떤 도구로 만들었든 보기 나쁩니다.

질문의 모양이 바뀝니다. '어떻게 손실을 피하나'가 아니라 '여기에 몇 픽셀이 필요한가'입니다. 파비콘은 512. SNS 미리보기는 1200 × 630. 인쇄소에 넘길 로고는 그쪽이 알려준 숫자. 그 숫자만 알면 변환 자체는 쉬운 부분입니다. 그래서 크기를 메뉴 안쪽이 아니라 이 페이지 맨 앞에 뒀습니다.

벡터는 요청한 크기로 다시 그려지고, 비트맵은 늘어나기만 합니다.

SVG를 PNG로 변환하는 방법

네 단계, 전부 이 브라우저 탭 안에서 끝납니다. 아무것도 업로드되지 않습니다.

SVG를 놓기

한 개든 여러 개든 좋습니다. 각 파일을 이 기기에서 읽고 크기, 웹 자원 참조 여부, 그리고 애초에 내보낼 수 있는 파일인지 확인합니다.

원본 크기 확인

파일에서 읽은 크기와 그것이 어디서 왔는지 — width와 height 속성인지 viewBox인지 — 를 보여줍니다. 보기보다 중요한 부분이고, 이유는 다음 항목에서 설명합니다.

출력 크기 고르기

배율, 정확한 픽셀 값, 또는 프리셋(파비콘 512, SNS 이미지 1200 × 630, 앱 아이콘 1024) 중에서 고르세요. 비율을 지키려면 비율 고정을 켜면 됩니다. 배경은 투명 또는 흰색.

변환하고 내려받기

각 파일을 요청한 크기로 그려서 드립니다. 여러 개는 ZIP으로 묶습니다. 업로드가 없으니 서버에 사본도 없고 대기열도 없습니다.

반대 방향인가요? 가진 게 PNG이고 벡터가 필요하다면, 그건 훨씬 어려운 문제라 시작 전에 읽어볼 만합니다 — PNG SVG 변환 페이지에서 되는 것과 안 되는 것을 설명합니다.

이 변환기가 하는 일

브라우저 안에서 SVG를 지정한 크기 그대로의 PNG로 바꿔 주고, 대가를 요구하지 않습니다. 계정도 이메일도 하루 한도도 워터마크도 대기열도 없습니다.

크기는 숨겨진 설정이 아니라 주된 조작입니다. 배율, 비율 고정이 있는 정확한 픽셀 입력, 그리고 실제 용도에 맞춘 프리셋. 이 검색어 상위 도구 중 두 곳에는 크기 선택이 **아예 없습니다**. 주는 대로 받아야 하죠.

기본값이 어디서 왔는지 밝힙니다. 파일에서 읽은 크기는 출처와 함께 표시됩니다. SVG 파일마다 크기를 선언하는 방식이 제각각이고, 브라우저가 내놓는 답이 원하는 답이 아닐 때가 있기 때문입니다.

변환 뒤가 아니라 앞에서 파일을 점검합니다. SVG가 브라우저에서 어긋나는 방식은 세 가지이고 셋 다 미리 찾아낼 수 있습니다. 내보내기를 막는 HTML, 웹에서 불러오기 때문에 그려지지 않는 글꼴이나 이미지, 그리고 파일을 아예 못 읽게 만드는 네임스페이스 선언 누락. 앞의 둘은 설명해 드리고, 셋째는 바로 고칩니다.

일괄 변환은 기본 기능이고 실질적인 상한이 없습니다. 파일 여러 개를 한 번에, 크기 설정은 한 번만, 마지막에 ZIP 하나.

투명은 기본으로 유지되고, 단색 배경이 필요한 곳을 위해 흰색 배경 옵션도 있습니다.

이런 데 씁니다:

정해진 픽셀 크기의 파비콘과 앱 아이콘
비트맵이어야 하는 SNS 미리보기 이미지
SVG가 걷어내지는 메일 서명과 뉴스레터
PNG만 받는 쇼핑몰 관리자 화면과 인쇄 업로드
SVG 삽입 동작이 예측하기 어려운 발표 자료와 문서
어디서나 같아 보여야 하는 스크린숏과 문서용 이미지
고밀도 화면용 2×, 3× 아이콘 내보내기

어느 기기에서나

브라우저 안에서 돌기 때문에 설치할 것이 없고, 플랫폼별 차이도 없습니다.

§ 01

Windows

Chrome, Edge, Firefox에서 됩니다. 설치할 것도, 남는 것도 없습니다.

§ 02

Mac

Safari, Chrome, Firefox에서 됩니다. PNG는 다른 파일처럼 다운로드 폴더로 갑니다.

§ 03

iPhone과 iPad

파일 앱에서 SVG를 고르고 PNG를 다시 파일 앱에 저장하세요. 앱 설치가 필요 없습니다.

§ 04

Android

어떤 파일 관리자에서든 됩니다. 변환은 서버가 아니라 기기에서 이뤄집니다.

§ 05

Linux

Firefox에서도 Chromium에서도 됩니다. ImageMagick이 깔려 있지 않을 때 편합니다.

§ 06

Chromebook

브라우저 안에서 로컬로 돕니다 — Chromebook에서는 어차피 거기 말고 돌 곳이 없죠.

SVG가 어긋날 수 있는 지점

변환 자체는 안정적입니다. 불안정한 쪽은 SVG 파일이고, 작성 방식이 크게 다릅니다. 아래 네 가지는 파일을 놓을 때마다 확인하는 항목이고, 결론은 실제 파일을 실제 브라우저에 넣어 측정한 것입니다.

SVG를 쓰는 방식 셋, 기본 크기도 셋 — 그중 둘은 이미지와 무관한 CSS 기본값입니다.

경우	무슨 일이 생기나	이 도구의 처리
파일에 width와 height가 있음	그 값을 사용, 필요하면 cm·mm·pt·인치에서 환산	받아들이고 출처 표시
viewBox만 있고 width·height 없음	브라우저가 150 × 150으로 보고 — 이미지와 무관한 CSS 기본값	대신 viewBox 사용(작성자의 의도가 그쪽)
둘 다 없음	브라우저가 300 × 150으로 보고하고 내용을 맞춰 줄이지도 않음	300 × 150으로 처리하고 그 사실을 표시
웹에서 불러오는 글꼴이나 이미지	가져오지 않음 — 글자가 조용히 다른 글꼴로 바뀜	찾아내어 변환 전에 알림
foreignObject 안의 HTML	캔버스가 오염되어 브라우저가 내보내기를 거부	찾아내어 설명하고 Inkscape 안내
xmlns 선언 누락	파일이 아예 열리지 않음	자동으로 채우고 계속 진행

실제로 문제가 되는 두 가지는 변환을 누르기 전에 찾아냅니다.

브라우저 안에서는 누구도 못 고치는 한 가지

SVG에 foreignObject — 벡터 안에 박힌 HTML 조각 — 가 들어 있으면, 그것이 그려지는 순간 브라우저가 캔버스를 '오염됨'으로 표시하고 그 뒤로는 누구에게도 픽셀을 다시 읽어 가게 해주지 않습니다. 교차 출처 콘텐츠에 관한 보안 규칙이지 버그가 아니며, 변환기가 우회할 수 있는 것도 아닙니다. 브라우저 탭에서 도는 도구는 모두 같은 벽에 부딪힙니다. 되는 것처럼 보이는 곳은 그 일을 서버에서 합니다. 다이어그램 도구가 이런 파일의 흔한 출처인데, Mermaid와 draw.io 모두 텍스트 블록에 foreignObject를 만듭니다. 이런 파일을 가지고 있다면 Inkscape 같은 데스크톱 프로그램이 군말 없이 내보내 줍니다. 나중에 아는 것보다 낫기 때문에, 버튼을 누르기 전에 이 항목을 확인합니다.

내보낸 크기가 충분한지 확인하는 법

PNG를 열어 100%로 보고, 실제로 놓일 크기 — 들어갈 단의 너비, 인쇄될 치수, 플랫폼이 요구하는 픽셀 수 — 와 견줘 보세요. PNG가 더 작으면 흐릿해 보이고, 이건 어떤 변환기의 어떤 설정으로도 달라지지 않습니다. 더 큰 숫자로 다시 내보내면 됩니다. 화면용이라면 필요한 크기의 두 배로 내보내는 게 좋은 습관입니다. 고밀도 화면은 CSS 픽셀 하나당 물리 픽셀 두 개를 그리니까요.

당신의 SVG는 브라우저 안에 머뭅니다

변환은 당신의 기기에서 이뤄집니다. 파일을 이 기기에서 읽고, 이 탭 안에서 캔버스에 그리고, 그대로 돌려드립니다. 업로드하지 않으니 서버에 사본이 없고, 보관 기간을 신경 쓸 일도 없습니다.

여기서는 정확하게 쓰는 편이 낫겠습니다. 브라우저에서 변환한다는 점 자체는 이 페이지만의 특징이 아닙니다. 현재 이 검색어 1위 사이트도 전적으로 클라이언트에서 돌고, 그렇게 밝히고 있습니다. 사실이고 도구를 고를 이유가 되기 때문에 적는 것이지, 저희만의 차별점이라서가 아닙니다.

실질적인 차이가 하나 있습니다. SVG 안의 스크립트는 실행되지 않습니다. 브라우저가 이미지 요소를 통해 SVG를 그릴 때는 스크립트를 실행하지도, 외부 자원을 가져오지도 않습니다 — 둘 다 확인했습니다. 그래서 출처가 미덥지 않은 파일이라도 여기서는 그려지는 것 말고는 아무 일도 하지 못합니다.

§ 01

업로드 없음

파일은 당신의 기기에서 변환됩니다.

§ 02

계정 불필요

가입도, 이메일도, 하루 한도도 없습니다.

§ 03

워터마크 없음

PNG는 온전히 당신 것입니다.

§ 04

스크립트 실행 안 함

SVG에 박힌 것은 전부 작동하지 않습니다.

자주 묻는 질문

SVG를 PNG로 바꾸면 화질이 떨어지나요?⌄

아닙니다. 워낙 자주 나오는 질문이라 풀어서 설명할 가치가 있습니다. SVG에는 해상도가 없습니다 — 그리기 명령의 묶음이죠. PNG로 내보내는 일은 그 명령을 당신이 요청한 크기로 실행하는 것이라, 압축되거나 줄어드는 것이 없습니다. PNG가 흐릿해 보인다면 놓이는 자리에 비해 픽셀이 부족한 것입니다. 더 큰 크기로 다시 내보내면 선명해집니다.

어떤 크기로 내보내야 하나요?⌄

도착지가 요구하는 크기로요. 파비콘은 512픽셀, SNS 미리보기는 1200 × 630, 앱 아이콘은 1024입니다. 화면에 나오고 크기를 직접 정할 수 있는 경우에는 필요한 크기의 두 배로 내보내세요. 고밀도 화면은 CSS 픽셀 하나당 물리 픽셀 두 개를 그리기 때문에, 2× 내보내기가 그런 화면에서 가장자리를 또렷하게 지키는 방법입니다. 인쇄라면 인쇄를 맡은 사람에게 물어보세요. 픽셀 수나 DPI와 완성 치수를 알려줄 겁니다.

왜 제 PNG가 흐릿해 보이나요?⌄

거의 항상 표시되는 공간보다 작은 크기로 내보냈기 때문입니다. 64픽셀 PNG가 슬라이드에서 너비 400픽셀로 늘어나 있다면 그건 발표 프로그램이 확대한 것이고, 어떤 변환기의 어떤 설정으로도 되살릴 수 없습니다. 실제로 표시될 크기나 그보다 크게 내보내세요. 다른 원인은 고밀도 화면인데, 이건 같은 문제의 다른 얼굴이고 해법도 같습니다 — 더 크게 내보내기.

글자의 글꼴이 왜 바뀌었나요?⌄

그 SVG가 웹에 있는 글꼴을 참조하는데, 브라우저는 SVG를 그릴 때 외부 자원을 가져오지 않기 때문입니다. 의도된 보안 경계이지 이 도구의 한계가 아닙니다 — 브라우저에서 도는 변환기는 전부 마찬가지입니다. 글자는 조용히 기본 글꼴로 대체됩니다. 피하려면 글꼴을 SVG에 포함시키거나, 디자인 프로그램에서 글자를 윤곽선으로 바꾼 뒤 내보내세요. 이 점은 찾아내어 변환 전에 알려드립니다.

왜 제 SVG는 변환되지 않나요?⌄

거의 두 가지 이유로 설명됩니다. 파일에 foreignObject — 벡터에 박힌 HTML — 가 들어 있어 브라우저가 보안상 내보내기를 거부하는 경우가 하나입니다. Mermaid, draw.io 같은 다이어그램 도구가 이런 파일을 만드는데, Inkscape 같은 데스크톱 프로그램에서는 아무 문제 없이 내보내집니다. 다른 하나는 XML 자체가 깨져 브라우저가 불러오지 못하는 경우입니다. 세 번째 이유인 xmlns 선언 누락은 파일을 거부하지 않고 저희가 바로 고칩니다.

기본 크기는 무엇인가요?⌄

파일이 지정한 크기이고, 그것이 파일의 어디서 왔는지도 알려드립니다. SVG에 width와 height 속성이 있으면 그것을 쓰고, 필요하면 cm·mm·pt·인치에서 환산합니다. viewBox만 있으면 viewBox를 씁니다. 이건 의도된 선택인데, 그런 파일에 대해 브라우저는 150 × 150이라고 보고하지만 그건 이미지와 아무 상관 없는 CSS 기본값이기 때문입니다. 크기가 전혀 없는 파일은 300 × 150으로 처리하고 그 사실을 밝힙니다.

투명은 유지되나요?⌄

네, 기본으로 유지됩니다. PNG는 투명을 지원하므로 SVG에서 아무것도 그려지지 않은 부분은 투명하게 남습니다. 단색 배경이 필요하다면 — 일부 업로드 양식과 인쇄 공정이 요구합니다 — 흰색 배경 옵션이 있습니다.

여러 파일을 한 번에 변환할 수 있나요?⌄

됩니다. 원하는 만큼 놓고, 크기는 한 번만 정하면 ZIP 하나로 돌아옵니다. 배율은 각 파일의 원본 크기를 기준으로 계산되므로, 크기가 서로 다른 아이콘 묶음을 두 배로 키워도 같은 크기로 강제 통일되지 않습니다. 완전히 같은 크기로 맞추고 싶다면 정확한 크기를 입력하세요.

크기 상한이 있나요?⌄

긴 변 16000픽셀입니다. 임의로 정한 숫자가 아니라 브라우저 캔버스가 멈추는 지점입니다. 측정해 보니 16000 × 16000은 약 5초 만에 4.5 MB짜리 정상 PNG를 내놓지만 20000은 완전히 실패합니다. 그보다 크게 요청하면 쓸 수 있는 범위로 줄이고 그 사실을 알려드립니다.

파일을 업로드해야 하나요?⌄

아니요. 파일은 당신의 기기에서, 이 브라우저 탭 안에서 읽히고 변환됩니다. 아무것도 다른 곳으로 가지 않으므로 저장되는 것도 없고 보관 기간도 없습니다.

PNG를 다시 SVG로 바꿀 수 있나요?⌄

가능하지만 훨씬 어려운 작업이라 시작 전에 알아둘 만합니다. 픽셀에서 벡터로 가는 일은 파일에 없던 형태를 따라 그리는 작업입니다. 로고와 선화에는 잘 듣고 사진에는 잘 듣지 않습니다. PNG SVG 변환 페이지에서 이미지 종류별로 실제 성능을 수치로 보여드립니다.

SVG가 대체 무엇인가요?⌄

픽셀 격자가 아니라 형태 — 선, 곡선, 채움 — 를 적어 둔 텍스트 파일입니다. 점이 아니라 명령을 저장하므로 어떤 크기로도 계단 현상 없이 그릴 수 있고, 로고나 아이콘처럼 단색 면이 많은 그림에서는 보통 비트맵보다 훨씬 작습니다. 텍스트 편집기로 열어서 읽을 수도 있습니다. 대가는 모든 곳이 이 형식을 받아주지는 않는다는 것 — 이 페이지가 존재하는 이유가 바로 그것입니다.