SVG → PNG 변환기

언제 사용하나요?

SVG 아이콘이나 벡터 그래픽을 PNG만 받는 서비스에 업로드해야 할 때 사용합니다.

사용 방법

• SVG 코드를 입력합니다.
• PNG 출력 크기를 지정합니다.
• PNG 파일을 생성해 다운로드합니다.

입력값 안내

변환할 SVG 코드를 입력하고, 최종적으로 출력될 PNG 이미지의 가로/세로 픽셀 크기를 지정합니다.

계산·변환 기준

SVG 코드를 Blob URL로 변환하여 Image 객체로 불러온 뒤, 지정된 크기의 Canvas에 그려내고 이를 다시 래스터 형식인 PNG로 변환(toDataURL)하여 저장합니다.

사용 예시

• 벡터 이미지 래스터화 - SVG를 원하는 크기의 PNG로 변환합니다.
• SNS·쇼핑몰 아이콘 준비 - SVG 아이콘을 PNG가 필요한 플랫폼에 업로드할 수 있도록 래스터 이미지로 변환합니다.
• 고해상도 인쇄용 이미지 생성 - SVG 로고나 일러스트를 1024px 이상 큰 PNG로 변환해 인쇄물이나 고해상도 디스플레이에 활용합니다.

예시

• 가로세로 24px의 작은 SVG 아이콘 코드 입력, 크기를 512px로 설정 → 선명도를 잃지 않고 512x512 크기의 고해상도 PNG로 변환
• 벡터 로고 SVG → 인쇄용 1024px PNG로 변환
• Heroicons SVG 코드 붙여넣기 → 이메일 템플릿용 64px PNG로 변환
• 다색 SVG 일러스트 → 투명 배경 PNG로 변환 후 슬라이드에 삽입
• SVG 로고 → 파비콘용 32px PNG + 앱 아이콘용 512px PNG 각각 생성
• 복잡한 차트 SVG 코드 → 고해상도 PNG로 변환해 보고서에 첨부

주의사항

• 브라우저 캔버스를 이용해 이미지를 처리하므로 원본 메타데이터(EXIF)가 손실되거나 투명 영역 색상이 변할 수 있습니다.
• 브라우저 환경의 이미지 디코딩 용량 한계로 인해, 지나치게 해상도가 높은 대용량 원본 파일의 변환은 실패할 수 있습니다.

자주 묻는 질문

외부 이미지가 포함된 SVG도 되나요?

브라우저 보안 정책 때문에 외부 리소스가 포함된 SVG는 변환이 제한될 수 있습니다.

SVG 코드가 서버로 전송되나요?

아니요. SVG는 브라우저 Canvas에 렌더링되어 PNG로 저장되며 외부로 전송되지 않습니다.

투명 배경도 유지되나요?

SVG에 배경이 없으면 투명 PNG로 저장되어 다른 디자인 위에 겹쳐 쓸 수 있습니다.

출력 PNG 크기를 키울 수 있나요?

배율을 높이면 더 큰 해상도의 PNG로 저장할 수 있어 인쇄나 고해상도 화면용으로 활용할 수 있습니다.

관련 도구

• 이미지 리사이즈 - 여러 이미지를 서버 업로드 없이 브라우저에서 비율을 유지하며 리사이즈합니다. JPEG·PNG·WebP 등을 지원하며 최대 가로·세로 픽셀을 지정하면 해상도가 일괄 축소됩니다.
• 이미지 크롭 - 픽셀 좌표를 입력해 이미지의 필요한 영역만 브라우저에서 잘라냅니다.
• 이미지 회전/뒤집기 - 이미지를 90도 단위로 회전하거나 좌우·상하로 뒤집습니다.
• 이미지 압축기 - 품질과 최대 크기를 조정해 이미지 용량을 브라우저에서 줄입니다.
• 파비콘 생성기 - 원본 이미지로 파비콘과 앱 아이콘용 PNG 여러 사이즈를 생성합니다.
• 이미지 색상 추출기 - 이미지 픽셀을 브라우저에서 분석해 주요 색상 HEX 코드를 추출합니다.