사용방법

"샘플 SVG 로드"를 클릭하여 투명 아이콘을 내보내는 방법을 확인하거나 하나 이상의 .svg 파일을 드래그합니다.
"출력 배율"에서 2x, 4x 또는 8x를 선택하십시오. 예를 들어 512×512 SVG에 대해 4x를 선택하면 2048×2048 PNG가 내보내집니다.
"PNG로 변환"을 클릭하면 브라우저가 로컬 캔버스에서 렌더링을 완료합니다.
파일 목록에서 상태를 확인하세요. SVG가 외부 리소스를 참조하는 경우 변환하기 전에 리소스를 인라인해야 할 수도 있습니다.
"PNG 다운로드"를 클릭하여 배경이 투명한 이미지를 저장하세요.

핵심 기능

투명한 배경 PNG: 아이콘, 로고 또는 일러스트레이션을 PNG로 변환할 때 SVG의 투명한 알파 채널이 기본적으로 유지됩니다.
사용자 정의 HD 스케일링: 작은 크기의 SVG를 고해상도 PNG로 렌더링하려면 1x, 2x, 4x 또는 8x 출력 배율을 선택하세요.
일괄 로컬 변환: 여러 SVG 파일을 한 번에 끌어서 브라우저에서 로컬로 하나씩 렌더링하고 다운로드 결과를 생성합니다.
개인 정보 보호를 위한 제로 업로드: 디자인 소스 파일은 장치 외부로 유출되지 않으므로 내부 브랜드 자료, 상업용 아이콘 및 미공개 디자인 초안에 적합합니다.
미리보기 및 하나씩 다운로드: 각 파일은 소스 크기, 출력 크기 및 변환 상태를 표시합니다. 완료 후 PNG를 별도로 다운로드할 수 있습니다.

이 도구는 브라우저의 SVG 렌더링 기능을 사용하여 SVG Blob을 이미지 개체로 로드합니다.
그런 다음 선택한 다중에 HTML5 Canvas를 생성하고 Canvas에 벡터 이미지를 그립니다.
캔버스는 PNG를 내보낼 때 알파 채널을 유지하므로 PPT, 웹 페이지 또는 디자인 도구에서 투명한 배경을 계속 사용할 수 있습니다.
SVG가 내부적으로 원본 간 이미지, 외부 글꼴 또는 원격 리소스를 참조하는 경우 브라우저는 캔버스 내보내기를 차단할 수 있으며 도구는 실패 상태를 제공합니다.

할 수 있다. 원본 SVG에 불투명한 배경이 없으면 내보낸 PNG에는 투명도 채널이 유지됩니다.

할 수 있다. SVG는 벡터 형식이며 더 높은 확대/축소 비율을 선택하면 브라우저가 더 높은 픽셀 크기로 그래픽을 다시 렌더링하게 됩니다.

현재 버전은 각 SVG에 대해 독립적인 "PNG 다운로드" 버튼을 생성하며 당분간 ZIP 패키지 다운로드를 제공하지 않습니다.

습관. 읽기, 렌더링 및 내보내기는 모두 브라우저에서 로컬로 수행됩니다.

SVG가 원본 간 이미지, 원격 글꼴 또는 외부 리소스를 참조하는 경우 브라우저는 캔버스가 오염되어 PNG 내보내기가 불가능하다고 생각할 수 있습니다.