JPG, PNG, WebP 사이를 실제로 다시 인코딩해 변환합니다. 파일명 규칙과 일괄 처리를 지원합니다.
도구를 불러오는 중…
SVG → PNG 사용법
- SVG 파일을 하나 이상 고르세요.
- 출력 가로나 세로, 또는 비율을 지정해 렌더링 해상도를 정하세요.
- 투명도가 필요하면 PNG를 유지하고, 배경이 필요하면 JPG·WebP로 바꾸세요.
- 여러 장을 한 번에 처리해 ZIP 하나로 내려받으세요.
이 도구에 대하여
SVG는 벡터 형식이라 무언가 그리기 전까지는 픽셀이 없습니다. 이 도구는 SVG를 안전하게 정리한 뒤 요청한 크기로 캔버스에 그려 PNG로 돌려줍니다. 원본이 해상도에 매이지 않으므로, 같은 파일 하나로 선명한 64픽셀 아이콘과 2048픽셀 대형 이미지를 모두 만들 수 있습니다.
권장 설정
이렇게 설정해 보세요
- 고밀도 화면에서 선명하려면 표시할 크기의 2배로 렌더링하세요.
- 편집기에서 글자를 먼저 윤곽선으로 변환하세요. 웹 폰트는 불러오지 않습니다.
- SVG가 참조하는 비트맵은 data URI로 포함시키세요. 외부 URL은 제거됩니다.
지원 형식
입력: SVG. 출력: PNG, WebP, JPG.
입력 형식
SVG
출력 형식
PNGWebPJPG
품질과 용량
손실 형식(JPEG, WebP, AVIF)은 품질을 낮출수록 디테일을 내주고 용량을 얻습니다. PNG는 슬라이더와 무관하게 무손실을 유지합니다. 이 도구는 원본과 결과 용량을 항상 보여 줘서 그 맞바꿈을 직접 판단하게 하고, 원본보다 커진 결과를 “최적화”라고 권하지 않습니다.
개인정보
모든 이미지는 Canvas API와 Web Worker를 사용해 브라우저 안에서 디코딩되고 변형되고 다시 인코딩됩니다. 파일은 업로드되지 않고 localStorage에도 저장되지 않으며, 제거하거나 페이지를 닫으면 메모리에서 지워집니다.
자세한 내용: 이미지 처리 방식, 보안 개인정보 처리방침.
자주 겪는 문제와 제약
- 스크립트, 이벤트 핸들러, 외부 참조, 포함된 객체는 렌더링 전에 제거되므로 그것들에 의존하는 SVG는 다르게 보입니다.
- SMIL과 CSS 애니메이션은 재생되지 않고 정지된 한 장면만 만들어집니다.
- 모든 처리가 사용자 기기에서 이뤄지므로, 제한은 서버가 아니라 본인의 브라우저를 보호하기 위한 것입니다: 파일당 25MB, 한 번에 20개, 이미지당 40메가픽셀.
자주 묻는 질문
PNG는 어떤 크기로 만들어지나요?
기본적으로 SVG의 width·height나 viewBox에 선언된 크기로 렌더링합니다. 벡터는 해상도가 고정되어 있지 않으므로, 크기 조절 설정으로 실제로 필요한 픽셀 크기를 지정하세요. 고밀도 화면이라면 2배나 3배로 만드는 식입니다.
투명도는 유지되나요?
네. SVG에서 칠하지 않은 부분은 PNG에서도 투명하게 남습니다. 불투명한 배경이 필요하면 JPG로 변환하세요.
여기에 SVG를 올려도 안전한가요?
업로드되는 것은 없고, SVG는 그려지기 전에 안전하게 정리됩니다. 스크립트, 이벤트 핸들러, 외부 참조, 포함된 객체가 제거되므로 악의적인 SVG가 무언가를 실행할 수 없습니다.
내 SVG의 글꼴이나 이미지가 빠져서 렌더링됩니다. 왜인가요?
안전을 위해 외부 리소스를 제거하고 웹 폰트도 불러오지 않습니다. 변환 전에 편집기에서 글자를 윤곽선으로 바꾸고 이미지는 data URI로 포함시키세요.