SVG ↔ PNG 변환기 사용 방법
- 1
SVG 불러오기
.svg 파일을 하나 이상 끌어다 놓거나, 페이지 아무 곳에나 SVG 마크업을 붙여넣거나, 코드 입력란에 직접 입력한 뒤 SVG 렌더링을 누르세요.
- 2
출력 크기 선택
SVG 원래 크기의 1×, 2×, 4×, 8× 중에서 고르거나 최대 16,384픽셀까지 정확한 너비를 입력하세요. 높이는 자동으로 맞춰져요.
- 3
형식과 배경 선택
PNG는 투명 배경을 그대로 유지해요. JPG와 WebP는 품질 슬라이더가 나타나고, 어떤 형식이든 원하는 색으로 배경을 채울 수 있어요.
- 4
다운로드
파일 이름과 크기를 붙인 logo-512x512.png 같은 PNG로 저장하거나, 모든 파일을 svg-to-png.zip 하나로 한 번에 받으세요.
제한 및 Pro
SVG를 PNG로: SVG 파일 수 제한 없음, 각 파일은 한 변 최대 16,384px, 120메가픽셀까지 내보낼 수 있어요. PNG를 SVG로: 한 번에 이미지 1개, 최대 25 MB예요.
Pro에서는 PNG를 SVG로 변환할 때 입력 파일을 최대 4 GB까지 쓸 수 있어요. Pro 보기
SVG ↔ PNG 변환기 소개
SVG를 PNG로 변환하면 벡터 그래픽이 일반 픽셀 이미지로 바뀌어요. 브라우저에 내장된 SVG 엔진이 파일을 원하는 크기로 직접 그리기 때문에, 64픽셀 아이콘을 8×로 내보내면 늘려서 흐릿해진 이미지가 아니라 선명한 512픽셀 이미지가 나와요. 출력 크기는 SVG의 width와 height 속성에서 가져오며, mm, pt, in 같은 단위는 1인치당 96픽셀로 환산해요. 크기가 없으면 viewBox를 기준으로 삼아요. PNG 출력은 알파 투명도를 완전히 유지하고 OxiPNG로 무손실 최적화해요. JPG는 투명도를 지원하지 않아서 다른 색을 고르지 않으면 흰색으로 채워져요. 설정을 바꿀 때마다 미리보기가 갱신되니 다운로드 전에 결과를 정확히 확인할 수 있어요.
SNS와 메신저 앱, 구버전 Word와 PowerPoint, 이메일 서명, 앱 스토어 등록 화면, 여러 웹사이트 빌더처럼 SVG를 받지 않는 곳에는 PNG가 필요해요. 2×나 4×로 내보내면 고해상도 휴대폰 화면에서도 선명한 이미지를 쓸 수 있어요.
SVG는 독립된 이미지로 렌더링되기 때문에 인터넷에서 아무것도 가져오지 못해요. URL로 연결된 이미지와 웹 폰트는 불러오지 않고, 텍스트는 기기에 설치된 글꼴로 대체돼요. 내보내기 전에 글꼴과 이미지를 데이터 URI로 포함하거나 텍스트를 윤곽선으로 바꿔 주세요. 스크립트와 애니메이션은 실행되지 않아 정지된 한 프레임만 나와요. PNG를 SVG로 탭에서는 반대로 이미지를 벡터 경로로 변환할 수 있어요.
개인정보 보호
렌더링은 브라우저에 내장된 SVG 엔진이 처리하고, 이미지 인코딩은 이 탭의 Web Worker에서 jSquash WebAssembly 코덱이 맡아요. 코덱은 파일을 추가한 뒤에만 이 사이트에서 불러와요. SVG 마크업과 내보낸 이미지는 기기 밖으로 나가지 않고 업로드되지 않아요. 렌더러가 SVG 대신 네트워크 요청을 보낼 수도 없어요.
기능
어떤 크기에서도 선명
벡터를 출력 해상도에 맞춰 다시 그려요. 1×, 2×, 4×, 8× 또는 정확한 픽셀 너비로 내보내세요.
투명 배경
PNG와 WebP는 투명도를 유지해요. 원하는 색으로 배경을 채울 수도 있어요.
SVG 코드 붙여넣기
편집기나 디자인 도구에서 마크업을 바로 붙여넣으세요. 파일이 없어도 돼요.
일괄 내보내기
아이콘 세트 전체를 같은 설정으로 변환하고 ZIP으로 다운로드하세요.
PNG를 SVG로도 변환
탭을 바꿔 PNG나 JPG 로고를 깔끔한 벡터 경로로 변환하세요.