SVG → PNG

클릭하거나 SVG 파일을 여기로 드래그하세요
클릭하여 SVG 파일 업로드
PNG, JPG, WebP, GIF, ICO, BMP, SVG, HEIC, AVIF, TIFF, PDF, PSD, JXL, RAW 지원

브라우저 내에서 완전히 SVG 벡터 그래픽을 PNG 래스터 형식으로 변환하세요 — 파일이 기기를 벗어나지 않습니다. SVG는 품질 손실 없이 무한히 확대되지만, 모바일 앱, 데스크톱 소프트웨어, 대부분의 UI 프레임워크는 래스터 아이콘 형식을 요구합니다. PNG로 변환하면 투명 배경이 완벽하게 보존되어 로고, 아이콘, 디자인 애셋을 모든 도구에서 사용할 수 있습니다. 벡터 렌더링 엔진은 선명하고 디테일한 픽셀 퍼펙트한 결과물을 생성하며, 무손실 PNG 압축은 원본의 모든 디테일을 보존합니다.

관련 추천

이미지 변환

SVG → JPG

SVG → WebP

PNG → JPG

이미지 압축

이미지 크기 조절

사용 사례

  • 벡터 로고가 회사 시스템과 CMS에서 보이지 않을 때 — 투명 배경을 보존하면서 PNG로 변환하세요.
  • Figma, Sketch, Illustrator에서 디자인된 SVG 아이콘을 모바일 앱(Flutter/React Native)이나 데스크톱 앱에서 사용해야 할 때 — PNG는 범용적으로 지원됩니다.
  • SVG를 구식 버전의 PowerPoint나 Word에 삽입해야 할 때 — PNG 투명 이미지는 Office에서 안정적으로 표시됩니다.
  • SVG 아이콘이 오래된 Android/iPhone 기기에서 보이지 않을 때 — PNG로 변환하면 모든 구식 기기에서 정상적으로 보입니다.
  • 전자상거래 플랫폼과 CMS 시스템이 보안상 SVG 업로드를 금지할 때 — 상품 등록을 위해 PNG로 변환하세요.
  • 디자인 시안을 클라이언트에게 전달하는데 SVG가 디바이스에서 제대로 보이지 않을 때 — PNG 미리보기는 범용적으로 호환됩니다.
  • 투명 배경의 SVG 삽화를 PPT 제작에 사용해야 할 때 — PNG는 모든 버전의 PowerPoint에서 투명을 지원합니다.
  • 앱 아이콘을 SVG에서 Android와 iOS의 다양한 밀도(mdpi/hdpi/xhdpi)로 내보내야 할 때 — 크기 조정 전 기준 PNG로 변환하세요.
  • SVG 애셋을 프리미어 프로, 캡컷 등 비디오 편집 소프트웨어에 가져와야 할 때 — PNG 투명 소재가 안정적으로 가져와집니다.
  • SVG 웹사이트 스크린샷과 썸네일 이미지를 만들 때 — PNG는 무손실이므로 선명한 결과를 얻을 수 있습니다.
  • 포럼과 소셜 플랫폼에서 투명 배경의 아바타나 도장 이미지를 SVG에서 업로드해야 할 때 — PNG가 지원됩니다.
  • 인쇄 디자인 소프트웨어(코렐, 구식 포토샵)가 SVG 지원이 부족할 때 — PNG로 변환하여 인쇄 고해상도 출력을 보장하세요.

이용 방법

  1. 업로드 영역을 클릭하거나 SVG 벡터 파일을 페이지에 드래그하세요. .svg 형식 파일만 허용됩니다.
  2. 파일 선택 후 브라우저에서 로컬 렌더링이 자동으로 시작됩니다. 투명 배경이 정확하게 보존됩니다.
  3. 렌더링과 PNG 인코딩이 완료될 때까지 기다리세요. 효과가 적용된 복잡한 SVG는 몇 초가 걸릴 수 있습니다.
  4. 변환된 PNG의 치수와 파일 크기를 미리본 다음 다운로드를 클릭하여 저장하세요.

주요 기능

  • 100% 클라이언트 사이드 처리: SVG 렌더링과 PNG 인코딩이 모두 네이티브 Canvas API를 사용하여 브라우저 내에서 이루어집니다 — 파일이 어떤 서버에도 업로드되지 않습니다
  • ✅ 투명 배경 보존: SVG의 알파 채널이 흑백 가장자리 아티팩트 없이 PNG로 정확하게 변환됩니다
  • 선명한 벡터 렌더링: 브라우저의 네이티브 SVG 엔진이 벡터를 전체 해상도로 렌더링하여 거침 없는 선명한 PNG 결과를 만듭니다
  • 무손실 PNG 압축: 시각적 정보 손실 없이 압축하여 품질 희생 없이 가장 작은 파일 크기를 만듭니다
  • 업로드 시 자동 변환: SVG 파일을 선택하면 렌더링이 즉시 시작됩니다 — 추가 클릭이 필요 없습니다
  • 복잡한 SVG 지원: 그라디언트, 필터, 임베디드 텍스트, 그룹을 포함한 독립형 .svg 파일을 지원합니다
  • 즉각적인 미리보기: 변환 후 치수와 파일 크기가 표시되어 다운로드 전에 확인할 수 있습니다

SVG → PNG vs JPG vs WebP: 어떤 래스터 형식을 선택할까요?

기능PNGJPGSVG (원본)
형식 유형래스터래스터✅ 벡터
압축무손실손실무손실 (텍스트)
투명도✅ 8비트 알파❌ 흰색으로 채움✅ 지원
파일 크기중간 (크거나 작을 수 있음)가장 작음단순할 때 작음, 복잡할 때 큼
품질✅ 디테일 완전 보존압축 아티팩트 발생✅ 완벽
권장 사용처아이콘, 로고, UI 투명 소재사진, 공유, 업로드웹, 디자인 소스

자주 묻는 질문

PNG가 SVG처럼 무한히 확장 가능한가요?

아닙니다. SVG는 모양을 수학적으로 설명하여 무한히 확장되는 벡터 형식인 반면, PNG는 픽셀로 구성된 래스터 형식으로 원본 렌더링 크기 이상으로 확대하면 흐려집니다. 이 도구는 SVG의 viewBox 속성으로 지정된 크기로 렌더링합니다. 더 큰 결과물이 필요하다면 변환 후 [이미지 크기 조정](/image/resize/) 기능을 이용하세요.

투명 배경이 정확하게 보존되나요?

네, 완벽하게 보존됩니다. PNG 형식은 8비트 반투명 알파 채널을 지원합니다. SVG의 완전히 투명한 영역과 반투명 영역이 모두 흑백 가장자리나 흐려짐 없이 정확하게 변환됩니다.

SVG 출력 PNG 파일 크기가 큰 편인데 압축할 수 있나요?

이 도구는 무손실 PNG 압축을 사용하여 디테일 손실 없이 가능한 한 작게 만듭니다. 추가로 파일 크기를 줄여야 한다면 변환 후 [이미지 압축](/image/compress/) 기능을 사용하세요.

SVG 파일이 서버에 업로드되나요?

업로드되지 않습니다. 모든 변환은 내장 SVG 렌더링 엔진과 Canvas API를 사용하여 브라우저 내에서 로컬로 이루어집니다. 로고와 디자인 애셋을 포함한 SVG 파일이 어떤 외부 서버로도 전송되지 않습니다.

외부 리소스를 참조하는 SVG도 지원하나요?

자체 포함된 SVG 파일을 사용하는 것을 권장합니다. SVG가 외부 이미지나 글꼴을 참조하는 경우, 교차 출처 제한으로 올바른 렌더링을 방지할 수 있습니다. 최상의 결과를 위해 업로드 전에 텍스트를 윤곽선으로 변환하고(패스화) 이미지를 임베디드하세요.

SVG의 텍스트가 올바르게 렌더링되나요?

시스템에 글꼴이 설치되어 있다면 텍스트가 올바르게 렌더링됩니다. 일반적이지 않거나 커스텀 글꼴을 사용하는 SVG는 대체 글꼴로 렌더링될 수 있습니다. 일관된 렌더링을 위해 디자인 도구에서 SVG를 내보내기 전에 텍스트를 윤곽선/패스로 변환하세요.

투명 배경의 PNG를 JPG로 변환하면 어떻게 되나요?

JPG는 투명도를 지원하지 않으므로 투명 영역이 흰색으로 채워집니다. 투명을 유지하려면 PNG나 WebP 형식을 사용하세요. [이미지 변환](/image/convert/) 기능을 사용하세요.

일괄 변환을 지원하나요?

현재 특히 복잡한 벡터 그래픽의 브라우저 측 안정성을 유지하기 위해 한 번에 하나의 SVG만 처리합니다. 여러 변환이 필요하다면 파일을 하나씩 처리하세요. 일괄 처리 기능은 향후 버전에서 추가될 수 있습니다.