SVG→PNG/JPG 변환
자체적으로 완결된 정적 SVG를 원하는 가로·세로 픽셀 크기의 이미지로 만듭니다. 벡터 코드를 붙여넣거나 UTF-8 SVG 파일을 선택하고 좌표 영역과 출력 맞춤 방식을 확인하세요. 지원하는 정적 요소를 검사한 뒤 변환하며 지원하지 않는 기능은 이유를 표시하고 거부합니다.
주요 기능
- SVG 코드 붙여넣기 또는 1 MiB 이하 로컬 UTF-8 SVG 파일 선택
- viewBox의 시작 좌표와 크기 확인, 없으면 명시한 픽셀 크기로 좌표 영역 구성
- 한 변 8,192px·총 1,600만 픽셀 이내에서 정수 출력 크기 지정
- 전체 영역 맞춤·비율 유지 채우기·가로세로 늘리기 선택
- 투명 PNG·배경색 PNG 또는 품질을 조절한 JPEG 저장
- 변환 전에 외부 리소스·스크립트·지원하지 않는 구문 검사
사용 방법
- SVG 코드를 붙여넣거나 UTF-8 SVG 파일을 고르세요. 직접 만든 예제도 사용할 수 있습니다.
- SVG 검사·원본 크기 사용을 눌러 원본 크기와 viewBox를 확인하세요.
- 출력 가로·세로와 맞춤 방식을 정하고 PNG·JPEG와 배경을 선택하세요.
- 변환 이미지를 만들고 실제 출력 크기와 모양을 확인하세요.
- 현재 결과를 다운로드하세요. 설정을 바꾸면 다시 생성해야 합니다.
활용 예시
- 독립된 벡터 아이콘을 지정한 픽셀 크기로 출력하기
- 붙여넣은 SVG 코드를 문서용 투명 PNG로 만들기
- SVG를 지원하지 않는 프로그램에 쓸 배경색 JPEG 만들기
- 시작 좌표가 0이 아닌 viewBox의 맞춤·자르기·늘리기 결과 비교하기
자주 묻는 질문
기존 이미지 포맷 변환기와 무엇이 다른가요?
일반 변환기는 이미지 파일을 열어 디코딩된 원래 크기로 포맷을 변환합니다. 이 도구는 SVG 코드 붙여넣기, viewBox 표시, 출력 가로·세로 지정, 맞춤 방식과 배경 조절을 추가로 제공합니다. 기본 파일→PNG 변환은 겹치며 코드·좌표 영역 조절이 추가 기능입니다.
어떤 SVG 기능을 지원하나요?
경로, 기본 도형, 그룹, text·tspan, 내부 선형·원형 그라데이션과 단순 클립을 지원합니다. 인라인 표시 스타일도 사용할 수 있습니다. 스크립트, 이벤트 속성, 외부 리소스, image·use·filter·style 요소, 애니메이션, foreignObject, DTD, &를 포함한 엔티티, CDATA, 다른 네임스페이스와 미지원 속성은 거부합니다. 모든 SVG 규격을 지원하지 않으며 거부된 기능을 조용히 삭제하지 않습니다.
viewBox와 출력 크기는 어떻게 다른가요?
viewBox는 벡터 안의 시작 좌표와 가로·세로 영역이고 출력 크기는 결과 이미지의 픽셀 수입니다. viewBox가 없으면 단위 없는 양수 또는 px 단위의 루트 width·height로 만듭니다. viewBox가 있을 때 생략되거나 100%인 크기는 그 비율을 사용하며 다른 루트 단위는 거부합니다. 원본 크기 버튼은 소수 픽셀을 내림하고 제한을 넘을 때만 축소하며 축소 여부를 알립니다.
세 가지 맞춤 방식은 무엇인가요?
전체 맞춤은 비율을 유지하면서 viewBox 전체를 보여 주므로 여백이 생길 수 있습니다. 채우기는 비율을 유지하며 넘치는 가장자리를 자릅니다. 늘리기는 가로·세로를 각각 출력 크기에 맞춥니다. 선택한 방식이 루트 preserveAspectRatio를 명시적으로 대체합니다. 보이는 그림의 경계에 맞춰 결과를 자동으로 잘라내지는 않습니다.
글꼴과 투명도가 원본과 완전히 같은가요?
PNG는 투명도를 유지하거나 지정한 배경색을 사용할 수 있습니다. JPEG는 항상 지정한 배경색을 깝니다. 글자는 브라우저에서 사용할 수 있는 글꼴을 사용하고 대체 글꼴이 적용될 수 있으며 외부 글꼴 파일은 불러오지 않습니다. 브라우저 렌더링, 가장자리 처리, 색상 처리와 JPEG 압축에 따라 결과가 달라질 수 있습니다. 체크무늬는 미리보기 안내입니다.
제한과 취소 동작은 어떻게 되나요?
UTF-8 SVG 1 MiB, 요소 2,000개, 중첩 깊이 32까지 받습니다. 출력은 한 변 1~8,192px이며 총 1,600만 픽셀 이하여야 합니다. 취소하면 대기 중 결과를 버립니다. Canvas 인코딩이 이미 시작되었다면 콜백이 끝나야 다음 작업을 시작할 수 있습니다. 원본 파일은 바꾸지 않으며 새 PNG 또는 JPEG만 저장합니다.
개인정보 안내
SVG 코드·파일·결과는 현재 페이지의 브라우저 메모리에서 처리합니다. 이 도구는 이를 업로드하거나 SVG의 외부 리소스를 요청하거나 브라우저 저장소에 자동 저장하지 않습니다. 임시 로컬 객체 URL은 처리 완료·교체·페이지 종료 시 해제합니다. 다운로드하면 변환된 이미지를 기기에 저장합니다.
댓글과 질문