SVG를 PNG로 변환기

SVG는 벡터 형식입니다. 수학으로 모양과 경로를 설명하므로 품질 저하 없이 어떤 크기로든 확장됩니다. 하지만 이는 일반 이미지(이메일 서명, 파비콘 업로더, 인쇄 템플릿, 이전 CMS 또는 채팅 앱)를 기대하는 대부분의 장소에서 이를 허용하지 않는다는 의미이기도 합니다. PNG로 변환하면 벡터 아트워크가 모든 프로그램, 카메라 롤 또는 업로드 양식에서 열 수 있는 고정된 픽셀 격자로 굽습니다. 이 도구는 전적으로 사용자 장치에서 해당 래스터화 단계를 수행합니다.

변환은 두 부분으로 이루어집니다. 먼저 브라우저는 SVG의 선언된 너비, 높이 및 viewBox를 읽어 자연스러운 비율을 계산한 다음 사용자가 요청한 해상도에 맞는 크기의 HTML 캔버스에 벡터 아트워크를 그립니다. 소스는 최종 그리기까지 벡터를 유지하므로 로고는 동일한 날카로운 모서리를 사용하여 64px 또는 6400px로 렌더링될 수 있습니다. 기존 JPG 또는 PNG의 크기 조정과 달리 확대할 때 흐리게 표시되는 중간 저해상도 비트맵이 없습니다.

인터페이스와 앱 아이콘은 거의 항상 1개 이상의 픽셀 밀도에서 필요하므로 이 도구는 단일 패스로 대상 크기의 1x, 2x 및 3x 버전을 렌더링하고 각 버전에 고유한 다운로드 버튼을 제공합니다. 이는 iOS 자산 카탈로그, Android 드로어블 및 최신 반응형 웹 이미지(srcset)에서 사용되는 것과 동일한 3단계 체계입니다. 다른 숫자로 변환을 세 번 실행하는 대신 기본 너비를 한 번 선택하고 세 파일을 모두 가져옵니다.

배경 처리는 외관상 체크박스가 아닌 실제 기능적 선택입니다. 다른 콘텐츠 위에 배치되어야 하는 로고 및 아이콘에 대한 알파 채널을 유지하려면 투명하게 두거나 대상(썸네일, 소셜 미리보기 이미지, 투명도를 잘못 처리하는 이전 형식)에 불투명한 배경이 필요한 경우 원하는 단색으로 채웁니다. 어떤 시점에서도 서버에 아무것도 업로드되지 않습니다. SVG 텍스트는 브라우저 탭 내에서 완전히 구문 분석, 래스터화 및 PNG로 인코딩됩니다.