브랜드 워드마크
@font-face로 링크된 웹 폰트 2개를 그리기 전에 다운로드해 포함시킨 뒤, 4배 크기의 투명 PNG로 저장합니다.
무료 · 브라우저에서 실행
SVG PNG 변환기
SVG PNG 변환, 한 번에 최대 50개까지 무료로 하세요. SVG 파일이나 붙여넣은 SVG 코드를 선명한 PNG, JPG, WebP 또는 레이어 PSD로 바꿉니다. 1~8배, 정확한 픽셀, 인쇄 DPI 중에서 크기를 고를 수 있고, 웹 폰트와 링크된 이미지는 먼저 파일에 포함시킨 뒤 그리며, 클릭 한 번으로 파비콘과 앱 아이콘 팩을 통째로 만듭니다. 아무것도 업로드되지 않습니다.
SVG 파일이 없나요? 예시로 해 보세요:
내 기기에서 변환되며 파일은 서버로 업로드되지 않습니다. SVG 안에 링크된 웹 폰트와 이미지는 파일에 포함시키기 위해 브라우저가 각 원래 서버에서 직접 다운로드합니다.
예시
SVG PNG 변환 예시
많은 변환기가 실수하는 요소를 담은 오리지널 파일 6개입니다: 웹 폰트, 링크된 사진, HTML 레이블, 밀리미터 크기, viewBox만 있는 아이콘. 각 예시는 알맞은 설정과 함께 변환기에서 열립니다.
라인 아이콘 세트
viewBox만 있는 아이콘 6개를 16~256 px로, 크기별 폴더에 나눠 내보냅니다.
햇살 엽서
링크된 사진, 그라데이션, 그림자 필터, 패스를 따라 흐르는 텍스트, CSS 클래스를 담아 흰 배경의 JPG로 저장합니다.
순서도
draw.io처럼 HTML(foreignObject)로 작성한 레이블이 굵은 글씨와 줄바꿈까지 제자리에 그대로 남습니다.
A5 행사 포스터
밀리미터 단위로 크기가 지정된 파일입니다. 인쇄 크기 300 DPI로 하면 정확히 1,748 × 2,480 px가 되고, DPI 값도 PNG에 저장됩니다.
앱 아이콘
정사각형 SVG 하나로 favicon.ico, PNG 파비콘, Apple·Android 아이콘, 웹 매니페스트를 만듭니다.
3단계
SVG PNG 변환 방법
파일을 추가하고, 크기를 고르고, 다운로드하세요. 모든 과정이 이 브라우저 탭 안에서 이루어집니다.
01 SVG 파일 추가
.svg 또는 .svgz 파일을 최대 50개(파일당 20 MB)까지 끌어다 놓거나, 선택하거나, 붙여넣으세요. SVG 코드를 붙여넣거나 링크로 SVG를 불러와도 됩니다.
02 크기와 형식 선택
1~8배 배율을 고르거나, 정확한 픽셀을 입력하거나, DPI를 지정해 인쇄 크기로 맞추세요. PNG, JPG, WebP, 레이어 PSD로 저장하거나 아이콘 세트·파비콘 팩 모드로 전환할 수 있습니다.
03 다운로드
파일을 하나씩 저장하거나 전부 ZIP 하나로 받으세요. 포함하지 못한 폰트나 이미지가 있으면 해당 파일에 이름이 표시됩니다.
이 변환기를 쓰는 이유
이 SVG PNG 변환기를 써야 하는 이유
많은 변환기가 텍스트를 빠뜨리거나, 링크된 사진 자리에 깨진 이미지를 보여 주거나, 크기를 몰래 줄입니다.
브라우저 자체 렌더러
CSS, 그라데이션, 필터, 마스크, HTML 레이블을 웹에서 SVG를 표시할 때와 같은 SVG 엔진으로 그립니다.
폰트와 이미지 포함
@font-face, Google Fonts @import, 링크된 이미지를 먼저 다운로드해 포함시키며, 폰트는 텍스트에 쓰인 글자만 서브셋으로 넣습니다. 실패한 항목은 이름이 표시됩니다.
깨진 SVG 코드 복구
xmlns 누락, 같은 HTML 엔티티, 중복되거나 따옴표가 없는 속성, 닫히지 않은 태그를 빈 이미지로 내보내는 대신 고쳐서 그립니다.
스크립트는 절대 실행되지 않습니다
스크립트, 이벤트 핸들러, 안전하지 않은 HTML은 제거되며, 파일은 애초에 스크립트가 실행될 수 없는 이미지로 그려집니다.
정직한 크기
다운로드 전에 출력 크기와 파일 용량을 보여 주며, 몰래 줄이는 일은 없습니다.
파비콘, 아이콘 세트, PSD
클릭 한 번으로 파비콘·앱 아이콘 팩, 크기별 폴더에 담긴 전체 아이콘, 또는 레이어 PSD를 만듭니다.
알아 둘 점
그대로 렌더링되는 요소와 달라질 수 있는 요소
브라우저가 각 파일을 그린 뒤, 변환기가 포함하지 못한 항목을 알려 줍니다.
그대로 렌더링됨
- 패스, 도형, 선, 마커, 그라데이션, 패턴, 마스크, 클리핑 패스.
- <style> 블록과 클래스의 CSS, 불투명도, 혼합 모드.
- 흐림, 그림자 같은 SVG 필터.
- 기기에 설치된 폰트나 변환기가 포함시킬 수 있었던 웹 폰트로 쓴 텍스트.
- 다른 사이트의 읽기를 허용하는 서버에 있는 링크 이미지와, 이미 data URL로 포함된 이미지.
- draw.io가 작성하는 방식의 foreignObject HTML 레이블(안전하지 않은 HTML은 제거한 뒤).
달라질 수 있음
- 설치되어 있지 않고 다운로드할 수도 없는 폰트는 다른 폰트로 대체되며, 파일 알림에 그 폰트 이름이 표시됩니다.
- 다른 사이트의 접근을 막는(CORS) 서버에 있는 이미지와 폰트는 제외되고 목록에 표시됩니다.
- logo.png 같은 상대 링크는 내 기기의 파일에서 접근할 수 없습니다. 대신 링크로 SVG를 불러오거나 SVG 안에 포함시키세요.
- 애니메이션 SVG는 첫 프레임만 저장됩니다. 스크립트는 제거되며 실행되지 않습니다.
- 다른 SVG 파일을 가리키는 <use> 참조와 외부 스타일시트는 불러오지 않습니다.
- 일부 필터와 혼합 모드는 Chrome, Firefox, Safari에서 조금씩 다르게 보입니다. Safari는 HTML 레이블을 일반 텍스트 대체 내용으로 내보낼 수 있습니다.
어디서나 똑같이 보여야 하는 텍스트는 SVG로 내보내기 전에 디자인 앱에서 윤곽선으로 변환하세요.
크기와 DPI
SVG PNG 변환 크기·DPI 가이드
SVG에는 고정된 픽셀 크기가 없습니다. 변환기는 width와 height를 읽어 mm, cm, in, pt를 인치당 96픽셀 기준으로 환산하거나 viewBox를 사용한 다음, 선택한 크기로 도형을 다시 그립니다. 작은 비트맵을 늘려서 만드는 일은 없습니다.
화면용 크기
| 설정 | 추천 용도 |
|---|---|
| 1× | SVG 원래 크기. 이미지 크기가 이미 정해진 페이지에 적합합니다. |
| 2× | 기본값. Retina와 대부분의 휴대폰 화면에서 선명합니다. |
| 3× – 4× | 슬라이드, SNS 게시물, 확대해서 보는 문서. |
| 8× | 대형 인쇄물이나 나중에 잘라 쓸 작품. |
| 픽셀 지정 | 게시물용 1080 px처럼 정해진 너비나 높이. 두 값을 모두 입력하면 그 상자 안에 맞춥니다. |
인쇄 크기별 픽셀
| 용지 | 150 DPI | 300 DPI |
|---|---|---|
| A4(210 × 297 mm) | 1,240 × 1,754 | 2,480 × 3,508 |
| A5(148 × 210 mm) | 874 × 1,240 | 1,748 × 2,480 |
| US Letter(8.5 × 11 in) | 1,275 × 1,650 | 2,550 × 3,300 |
| 사진 인화(4 × 6 in) | 600 × 900 | 1,200 × 1,800 |
DPI 자체로는 픽셀이 늘어나지 않습니다. 인쇄·레이아웃 앱에 얼마나 크게 인쇄할지 알려 줄 뿐입니다. PNG는 pHYs 청크에, JPG는 JFIF 헤더에 DPI를 저장하며, WebP에는 이를 저장할 표준 위치가 없습니다. 인쇄 크기 모드는 픽셀 수를 계산할 때도 DPI를 쓰므로, A5로 그린 SVG는 위 표의 크기와 정확히 같게 나옵니다.
파비콘과 앱 아이콘
클릭 한 번으로 파비콘·앱 아이콘 팩 만들기
로고나 아이콘 SVG를 추가하고 파비콘 팩으로 전환하면, 웹사이트나 웹 앱에 필요한 파일을 ZIP 하나로 받을 수 있습니다:
- 16, 32, 48 px 이미지가 담긴 favicon.ico와 각 크기의 PNG 파비콘
- 타일 색상을 배경으로 한 180 px apple-touch-icon.png
- 192 px·512 px Android 아이콘과 안전 영역 여백을 둔 마스커블 아이콘
- 정리된 favicon.svg와 앱 이름·테마 색상이 들어간 site.webmanifest
- 페이지의 <head>에 붙여넣을 HTML 태그
아이콘 세트 전체가 필요하다면? 아이콘 세트 모드는 모든 SVG를 16~1024 px 중 선택한 크기로, 크기별 폴더에 나눠 내보냅니다.
활용 사례
SVG 파일 변환, 이런 곳에 씁니다
앱·웹 아이콘
16~1024 px 아이콘 세트를 크기별 폴더로 만들거나, ICO·Apple·Android 아이콘이 담긴 파비콘 팩을 만드세요.
슬라이드와 문서
PowerPoint, Keynote, Google Docs, Word 모두 PNG를 지원합니다. 로고를 2배나 3배로 저장하면 프로젝터 화면에서도 선명합니다.
SNS 게시물과 채팅
대부분의 SNS와 채팅 앱은 SVG 업로드를 받지 않습니다. 정확한 픽셀 크기의 PNG, JPG, WebP로 저장하세요.
인쇄와 Photoshop
DPI 기준으로 인쇄 크기를 맞추고 DPI를 파일에 저장하거나, 최상위 그룹마다 레이어가 하나씩 있는 레이어 PSD를 받으세요.
SVG PNG 변환 FAQ
SVG PNG 변환을 무료로 하려면 어떻게 하나요?
이 페이지 상단의 변환기에 SVG 파일을 끌어다 놓고 크기와 형식을 고른 뒤 다운로드하세요. 이 SVG PNG 변환 사이트는 변환을 브라우저에서 실행하기 때문에 가입, 워터마크, 크레딧 없이 무료입니다.
SVG 파일이 어딘가에 업로드되나요?
아니요. 파일은 내 기기에서 읽고 그립니다. SVG가 링크한 웹 폰트와 이미지만 PNG에 포함시키기 위해 브라우저가 각 원래 서버에서 다운로드합니다.
SVG를 고화질 PNG로 변환하려면 어떻게 하나요?
2×, 3×, 4×, 8× 중에서 고르거나 정확한 픽셀을 입력하세요. 작은 비트맵을 확대하는 대신 그 크기로 도형을 다시 그리므로 가장자리가 선명하게 유지됩니다. 컴퓨터에서는 한 변 최대 16,384 px, 약 100메가픽셀까지(휴대폰에서는 약 16메가픽셀) 가능하며, 이를 넘으면 안내가 표시되고 임의로 줄이지 않습니다.
PNG의 텍스트가 왜 다른 폰트로 나오나요?
SVG에는 폰트 이름만 들어 있습니다. 폰트가 기기에 설치되어 있지 않고, SVG가 Google Fonts처럼 다운로드를 허용하는 서버에서 폰트를 링크하지도 않았다면 브라우저가 다른 폰트로 대체합니다. 변환기는 해당 파일에 누락된 폰트 이름을 표시합니다. 웹 폰트를 링크하거나 텍스트를 윤곽선으로 변환하면 해결됩니다.
SVG 파일 여러 개를 한 번에 변환할 수 있나요?
네. 파일당 최대 20 MB인 .svg 또는 .svgz 파일을 최대 50개까지 추가해 ZIP 하나로 다운로드할 수 있습니다. 아이콘 세트 모드는 모든 파일을 여러 크기로, 크기별 폴더에 나눠 내보냅니다.
SVG로 파비콘을 만들려면 어떻게 하나요?
SVG를 추가하고 파비콘 팩을 선택한 뒤 ZIP을 다운로드하세요. favicon.ico(16, 32, 48 px), PNG 파비콘, 180 px Apple 터치 아이콘, 192 px·512 px Android 아이콘, 마스커블 아이콘, favicon.svg, site.webmanifest, 페이지에 넣을 HTML 태그가 들어 있습니다.
투명 배경을 유지할 수 있나요?
네. 배경색을 고르지 않으면 PNG와 WebP는 투명하게 유지됩니다. JPG는 투명도를 저장할 수 없어 흰색이나 직접 고른 색이 배경이 됩니다.
DPI는 얼마로 해야 하나요?
화면용이라면 상관없으며 72나 96이면 됩니다. 인쇄용이라면 인쇄 크기와 300 DPI를 선택하세요. 변환기가 SVG의 실제 크기로 픽셀 수를 계산하고 DPI를 PNG와 JPG 파일에 저장합니다.
SVG를 레이어가 있는 PSD로 변환할 수 있나요?
네. PSD를 선택하면 최상위 그룹이나 도형마다 id 또는 레이블을 이름으로 한 픽셀 레이어가 되어 전체 합성 이미지 위에 쌓입니다. 텍스트는 편집 가능한 문자가 아닌 픽셀로 바뀝니다.
출처를 모르는 SVG 파일을 열어도 안전한가요?
SVG 파일에는 스크립트가 들어 있을 수 있습니다. 변환기는 그리기 전에 스크립트, 이벤트 핸들러, 안전하지 않은 HTML을 제거하고, 애초에 스크립트가 실행될 수 없는 이미지로 파일을 그립니다.
SVG PNG 변환기
지금 바로 SVG를 PNG로 변환하세요
SVG 파일을 끌어다 놓고 크기를 고른 뒤 다운로드하세요. 무료이며 내 기기에서 변환됩니다.
SVG 파일 선택