SVG → PNG 내보내기 — 1×/2×/3×와 폰트 폴백 함정
Tomoda Hinata도구 작성자 및 유지 관리자게시 2026년 4월 26일약 2분 읽기
SVG는 벡터 — 어떤 크기에서도 선·곡선·텍스트가 선명. 웹은 벡터를 좋아하지만 Slack, Discord, Office, SNS, 이메일은 PNG를 원합니다. 폰트(SVG가 아니라 브라우저가 렌더링)와 HiDPI 1×/2×/3×가 끼면 단순한 변환이 갑자기 복잡해집니다.
이 가이드에서 사용하는 도구
왜 SVG를 PNG로?
웹 브라우저는 SVG를 기본 렌더링하지만 Slack 첨부, Discord 프리뷰, Office, 이메일, iMessage 미리보기, 마켓플레이스, SNS는 PNG가 필요.
크기는 2× 규칙
표시 최대 크기 × 2로 내보내기. 32 px 파비콘 → 64 px PNG. 3×는 줌 가능 환경에서만.
폰트 — 조용히 깨지는 원인
SVG `<text>`는 렌더 환경의 폰트에 의존. 환경에 해당 폰트가 없으면 폴백. SVG 편집기에서 텍스트를 패스로 변환 후 저장하면 안전.
투명도와 배경
기본 투명 유지. 목적지가 단색 배경 필요하면 도구에서 배경색 지정 → 평탄화.
애니메이션 SVG
PNG는 정지 이미지. APNG는 지원 빈약. 애니메이션은 WebP.
단계
SVG 드롭
단일 .svg 드롭, 최대 5MB.
크기 지정
최대 표시 크기 + 1×/2×/3× 체크.
배경 설정
기본 투명; 알파 미지원 목적지는 단색.
ZIP 다운로드
name@1x.png, @2x, @3x 이름으로 ZIP.
자주 묻는 질문
내보낸 PNG가 브라우저 SVG와 달라요
폰트 폴백이 원인. SVG 편집기에서 텍스트를 패스로 변환.
4× 이상?
8×까지 지원하지만 3× 넘으면 가시 품질은 정체.
SVG 내부 래스터?
통과되어 내보내기 해상도에 맞춰 재인코딩.
투명 유지?
기본 유지.
JPG로도?
가능, 단 알파 없음.
업로드되나요?
아니요.
지금 사용해 보기
Rasterize SVG vectors to PNG at any size
SVG to PNG Converter이 글은 AI 번역을 포함합니다. 오류가 있으면 알려 주세요.