SVG → PNGA5 포스터
1,748 × 2,480 px · PNG · 300 DPI
밀리미터 단위로 크기를 정한 파일을 인쇄용 300DPI로 저장했어요.
SVG PNG 변환
SVG를 PNG로 변환하면 웹 글꼴, 다이어그램 텍스트, 연결된 이미지가 브라우저에 보이는 그대로 남아요. 배율이나 정확한 픽셀 크기를 고르고 PNG, JPG, WebP 또는 레이어가 나뉜 PSD로 저장하세요. 무료예요.
SVG → PNG무료 · 브라우저에서 실행
·SVG 파일이 없나요?
파일은 기기에서 변환되며 서버로 업로드되지 않아요. SVG 안의 웹 글꼴과 연결된 이미지는 파일이 제대로 보이도록 브라우저가 각 서버에서 직접 내려받아요.
- 무료 SVG PNG 변환, 회원가입·워터마크 없음
- 기기에서 바로 변환
- PNG, JPG, WebP, 레이어 PSD
- 최대 50개 파일, ZIP 다운로드
SVG PNG 변환 예시
이 페이지를 위해 직접 그린 SVG 파일 5개를 카드에 적힌 설정으로 여기서 변환했어요. 예시를 불러오면 변환기에 같은 설정이 적용돼요.
SVG → PNG
SVG → PNG순서도
1,440 × 880 px · PNG · 2×
foreignObject에 들어 있는 draw.io 방식의 라벨이 제자리에 그대로 있어요.
SVG → JPG노을 일러스트
1,600 × 1,600 px · JPG · 2×
그레이디언트, 필터, CSS 클래스를 그대로 살려 원하는 배경색 위의 JPG로 저장했어요.
SVG → PNG라인 아이콘 세트
파일 6개 · 192 × 192 px · PNG · 8× · ZIP
아이콘마다 viewBox에 맞춰 크기를 정하고, 6개를 모두 ZIP 하나로 저장했어요.
SVG → PNG브랜드 워드마크
2,800 × 880 px · PNG · 4×
Google Fonts 글꼴이 제대로 표시된 4× 투명 PNG예요.
SVG → PNGA5 포스터
1,748 × 2,480 px · PNG · 300 DPI
밀리미터 단위로 크기를 정한 파일을 인쇄용 300DPI로 저장했어요.
SVG → JPG노을 일러스트
1,600 × 1,600 px · JPG · 2×
그레이디언트, 필터, CSS 클래스를 그대로 살려 원하는 배경색 위의 JPG로 저장했어요.
SVG → PNG브랜드 워드마크
2,800 × 880 px · PNG · 4×
Google Fonts 글꼴이 제대로 표시된 4× 투명 PNG예요.
SVG → PNG라인 아이콘 세트
파일 6개 · 192 × 192 px · PNG · 8× · ZIP
아이콘마다 viewBox에 맞춰 크기를 정하고, 6개를 모두 ZIP 하나로 저장했어요.
SVG → PNG순서도
1,440 × 880 px · PNG · 2×
foreignObject에 들어 있는 draw.io 방식의 라벨이 제자리에 그대로 있어요.
3단계로 SVG를 PNG로 변환하는 방법
파일을 추가하고, 크기를 정하고, 다운로드하세요.
.svg 또는 .svgz 파일을 최대 50개(파일당 20MB)까지 놓거나 선택하거나 붙여넣고, SVG 코드를 붙여넣어도 돼요. 페이지 어디에 붙여넣어도 괜찮아요.
기본값은 2×이고 1×, 4×, 8× 또는 정확한 픽셀 크기를 고를 수 있어요. PNG, JPG, 레이어가 나뉜 PSD로 저장하고, WebP를 저장할 수 있는 브라우저에서는 WebP도 고를 수 있어요.
파일을 하나씩 또는 전체를 ZIP으로 저장하세요. 파일마다 참고 사항과 간단한 해결 방법이 표시되고, 설정을 바꾸면 완성된 파일이 바로 다시 그려져요.
이 SVG PNG 변환 도구가 가장 잘하는 것
로고, 아이콘, 다이어그램, 인쇄물에 맞춘 무료 변환 도구의 여섯 가지 강점이에요.
브라우저에 보이는 그대로
브라우저에 내장된 SVG 엔진이 모든 파일을 그려서 CSS 스타일, 그레이디언트, 필터, 클리핑 경로가 디자인한 그대로 나와요. 이 노을 일러스트는 그레이디언트와 은은한 빛, CSS 클래스를 그대로 유지한 채 따뜻한 크림색 배경의 JPG로 저장됐어요.
웹 글꼴, 연결된 이미지까지 포함
Google Fonts 등 웹 글꼴을 그리기 전에 내려받아 포함하므로 워드마크의 글자 모양이 하나도 바뀌지 않아요. 연결된 이미지도 가져와 함께 넣고, 파일마다 사용한 글꼴과 이미지를 보여 줘요. 이 식물 워드마크는 4× 투명 PNG로 저장됐어요.
다이어그램 라벨은 그대로, 작은 오류는 자동 수정
draw.io 다이어그램은 foreignObject 안의 HTML 라벨까지 모든 라벨이 남아요. xmlns 누락이나 코드 주변의 불필요한 텍스트 같은 작은 오류는 자동으로 고치고 무엇을 바꿨는지 알려 줘서, 순서도가 그린 그대로 읽혀요.
화면과 인쇄에 맞는 정확한 크기
1×, 2×, 4×, 8× 중에 고르거나 필요한 픽셀 크기를 입력하면, 다운로드 전에 결과 크기를 보여 줘요. 밀리미터, 인치, 포인트는 1인치당 96픽셀로 계산해서, A5 야시장 포스터는 300DPI 인쇄용 1,748 × 2,480px로 나왔어요.
그룹이 그대로 레이어 PSD로
PSD를 고르면 최상위 그룹마다 id나 라벨 이름이 붙은 Photoshop 레이어가 되고, 직접 고른 배경색은 별도 레이어에 들어가요. 이 로드 트립 장면은 하늘, 해, 메사, 도로, 자동차, 선인장이 각각 레이어로 나뉘어 열려요.
일괄 변환, ZIP, 인쇄용 DPI
SVG 파일을 최대 50개까지 한 번에 변환해 ZIP 하나로 저장하고, viewBox만 있는 아이콘은 viewBox에 맞춰 크기를 정해요. PNG와 JPG에는 96DPI 또는 인쇄용 72, 150, 300DPI가 기록되고, JPG와 WebP는 네 가지 품질 중에 고를 수 있어요. 이 라인 아이콘 6개는 8×로 ZIP 하나에 담겼어요.
SVG PNG 변환 가이드: 크기, 글꼴, 형식, DPI
작동 방식과 선명한 결과를 얻는 방법이에요.
SVG가 PNG보다 화질이 좋은가요?
어느 쪽이 더 좋다기보다 작동 방식이 달라요. SVG는 도형을 그리는 명령으로 저장해서 어떤 크기에서도 선명해요. PNG는 정해진 픽셀 격자로 저장하지만 슬라이드, 문서, 메신저, 업로드 양식 등 어디서나 열려요. PNG는 무손실이고 투명도를 유지하므로, 충분히 큰 PNG라면 눈에 보이는 손실이 없어요.
고해상도로 SVG를 PNG로 변환하는 방법
SVG에는 고정된 픽셀 크기가 없어요. 변환기는 파일의 width와 height를 읽어 mm, cm, in, pt를 1인치당 96픽셀로 환산하거나 viewBox를 사용해요. 기본값인 2×는 레티나 화면에서도 텍스트를 선명하게 유지하고, 더 크게 하려면 4×, 8× 또는 정확한 픽셀 크기를 고르세요. 도형을 새 크기로 다시 그리므로 가장자리가 깔끔해요. width, height, viewBox가 모두 없는 파일은 표준 크기인 300 × 150으로 그려지고, 참고 사항에 크기를 지정하는 방법이 나와요.
SVG 텍스트를 PNG로 변환하는 방법
컴퓨터에 설치된 글꼴은 그대로 쓰여요. @import로 불러오는 Google Fonts 같은 웹 글꼴은 먼저 내려받아 포함하므로 글자 모양이 유지돼요. 한글 글꼴처럼 여러 조각으로 나뉜 글꼴은 텍스트에 쓰인 조각만 내려받아요. 파일 아래 참고 사항에 사용한 글꼴이 모두 표시돼요. 비공개 서버에 있는 글꼴이라면 SVG를 내보내기 전에 텍스트를 윤곽선으로 변환하세요. 모든 글자가 정확히 유지돼요.
다이어그램, 연결된 이미지, CSS
draw.io는 라벨을 SVG 안의 HTML인 foreignObject에 넣는데, 브라우저로 그리기 때문에 라벨이 모두 제자리에 남아요. 연결된 이미지는 먼저 내려받아 포함하고, 참고 사항에 파일이 사용한 이미지를 모두 보여 줘요. 컴퓨터에서 SVG 옆에 저장한 이미지는 파일에 포함하거나 웹 주소로 연결하세요. http 주소는 https로 바꾸면 어떤 보안 페이지에서도 이미지를 불러올 수 있어요.
투명 PNG, JPG, WebP, PSD와 DPI
PNG는 투명도를 유지하며 기본 형식이에요. JPG는 배경을 흰색이나 원하는 색으로 채워요. 브라우저가 저장할 수 있을 때 나타나는 WebP는 용량이 더 작고 투명하게 둘 수도 있어요. PSD는 최상위 그룹마다 레이어를 만들어요. DPI는 픽셀을 늘리지 않고 인쇄 크기를 정해요. A5(가로 148mm)를 300DPI로 인쇄하려면 1,748픽셀을 쓰세요. 8~64px의 여백으로 이미지 둘레에 공간을 더할 수 있어요.
SVG PNG 변환이 필요한 곳
SVG를 PNG로 변환할 일이 자주 생기는 작업이에요.
웹사이트와 문서용 로고
웹사이트, 슬라이드, 이메일에 쓸 2× 투명 PNG 로고.
앱·웹 아이콘
아이콘 세트 전체를 한 번에 ZIP으로. viewBox만 있는 아이콘은 viewBox에서 크기를 가져와요.
문서 속 다이어그램
모든 라벨이 살아 있는 draw.io 다이어그램을 위키와 보고서에.
인쇄와 Photoshop
300DPI 포스터, 또는 계속 편집할 레이어가 나뉜 PSD.
SVG PNG 변환 자주 묻는 질문
무료 사용, 투명 배경, 해상도, 글꼴, 일괄 변환, 개인정보, 크기, PSD.