SVG → PNG 변환기

SVG 벡터 그래픽을 브라우저에서 PNG, JPEG, WebP 래스터 이미지로 변환합니다.

도구를 불러오는 중…

SVG → PNG 변환기SVG 파일이나 붙여넣은 SVG 코드를 원하는 크기의 래스터 이미지로 바꿉니다. 정확한 가로·세로를 픽셀로 지정하고, 배율을 곱해 선명한 고해상도로 내보내며, 출력 형식으로 PNG(투명도 유지), JPEG, WebP를 고를 수 있습니다. 모든 처리는 브라우저 안의 HTML canvas로 이루어지므로 그래픽이 서버에 업로드되지 않습니다.

SVG → PNG 변환기란?

deftdeck SVG → PNG 변환기는 확대·축소가 자유로운 벡터 그래픽을 일반 이미지 형식으로 래스터화하는 무료 브라우저 도구입니다. 디자이너, 개발자, 아이콘 제작자를 비롯해 벡터 원본에서 평면 비트맵이 필요한 누구나 .svg 파일을 끌어다 놓거나 원본 SVG 코드를 붙여넣은 뒤 PNG, JPEG, WebP로 내보낼 수 있습니다. SVG는 해상도와 무관하므로 출력 크기를 직접 정할 수 있습니다. 목표 가로·세로를 픽셀로 입력하거나, SVG 본래 크기를 유지한 채 배율을 올려 레티나 화면용으로 2배, 3배로 렌더링하세요. PNG와 WebP는 투명도를 보존하고, JPEG는 투명 영역을 흰 배경으로 평탄화합니다. 크기나 형식을 바꾸면 미리보기가 실시간으로 갱신되며, 다운로드 전에 클릭해 확대해 볼 수 있습니다.

SVG → PNG 변환기 사용법

  1. .svg 파일을 드롭존에 끌어다 놓거나, 클릭해 기기에서 하나를 선택합니다.
  2. 또는 'SVG 코드' 칸에 SVG 코드를 바로 붙여넣어 파일 없이 변환합니다.
  3. 가로와 세로를 픽셀로 조정하거나, 배율을 설정해 SVG 원본 크기를 곱해 고해상도로 출력합니다.
  4. '설정'을 열어 출력 형식을 고릅니다: PNG(투명도 유지), JPEG(흰 배경), WebP.
  5. 자동으로 갱신되는 실시간 미리보기를 확인하고, 클릭하면 확대 라이트박스가 열립니다.
  6. '다운로드'를 클릭하면 픽셀 크기가 이름에 포함된 채로 래스터화한 이미지가 저장됩니다.

예시

로고를 투명 PNG로 내보내기

logo.svg를 끌어다 놓고 형식을 PNG로 둔 뒤 필요한 가로·세로(예: 512x512)를 설정하면, 투명 영역이 보존된 선명한 PNG를 다운로드할 수 있습니다.

레티나 화면용으로 아이콘을 3배 렌더링하기

64x64 SVG 아이콘을 불러와 배율을 3으로 설정하면 192x192 비트맵이 생성됩니다. 1배 비트맵이 흐릿하게 보이는 고해상도 디스플레이에 안성맞춤입니다.

붙여넣은 SVG 코드를 JPEG로 변환하기

인라인 <svg> 조각을 SVG 코드 칸에 붙여넣고 설정에서 형식을 JPEG로 바꾸면, 내보낸 파일에서 투명 배경이 흰색으로 평탄화됩니다.

자주 묻는 질문

어떤 출력 형식을 지원하나요?
PNG, JPEG, WebP로 내보낼 수 있습니다. PNG와 WebP는 투명도를 유지하지만, JPEG 형식에는 알파 채널이 없어 JPEG에서는 투명 영역이 흰 배경으로 평탄화됩니다.
출력 해상도는 어떻게 조절하나요?
가로·세로 칸을 원하는 정확한 픽셀 크기로 설정하거나, SVG 원본 크기를 그대로 둔 채 배율(예: 2 또는 3)을 올려 고해상도 화면용으로 더 크고 선명한 비트맵을 렌더링하세요.
SVG가 빈 화면으로 나오거나 변환에 실패하는 이유는 무엇인가요?
SVG는 브라우저가 이미지로 렌더링할 수 있는 유효한 코드여야 합니다. 외부 리소스나 폰트, 스크립트를 참조하는 SVG는 canvas에서 동일하게 그려지지 않을 수 있으니, 안정적인 결과를 위해 해당 리소스나 폰트를 인라인으로 포함하세요.
파일을 업로드하지 않고 SVG 코드를 붙여넣을 수 있나요?
네. SVG 코드를 SVG 코드 칸에 붙여넣으면 끌어다 놓은 파일과 똑같이 변환되며 업로드가 필요 없습니다.
제 SVG가 서버에 업로드되나요?
아니요. 변환은 HTML canvas를 사용해 브라우저 안에서 100% 클라이언트 측에서 실행됩니다. SVG와 결과 이미지는 기기를 벗어나지 않으며 deftdeck이나 어떤 서버에도 전송되지 않습니다.

관련 도구