SVG to PNG 변환기

SVG PNG 변환기는 벡터 그래픽을 픽셀 격자에 그려 결과를 PNG로 저장합니다. 확장 가능한 벡터 그래픽(Scalable Vector Graphics)을 위한 W3C 형식인 SVG는 도형을 경로, 원, 그라데이션, 텍스트 같은 기하학 정보로 설명합니다. 덕분에 로고는 어떤 크기에서도 선명하지만, 누군가 그리기 전까지는 픽셀이 없다는 뜻이기도 합니다. SNS 프로필 업로드, 오피스 문서, 이메일 서명, 앱 스토어 등록, 많은 콘텐츠 시스템은 픽셀 이미지를 요구하므로 SVG를 먼저 렌더링해야 합니다.

여기서는 웹 페이지의 SVG를 그리는 것과 같은 브라우저 자체 SVG 엔진이 렌더링을 처리합니다. 크기는 파일에서 가져옵니다. SVG에 너비와 높이가 지정되어 있으면 그 값을 사용하며, mm, pt, in 같은 단위는 픽셀로 변환합니다. viewBox만 있으면 viewBox 크기를 사용하고, 둘 다 없으면 1024 x 1024로 그립니다. 가장 긴 변이 512픽셀 미만인 SVG(예: 일반적인 24 x 24 아이콘)는 벡터가 커져도 손실이 없으므로 그 변이 512픽셀이 될 때까지 비례하여 확대합니다. 그런 다음 SVG 배율 옵션이 크기에 1, 2 또는 4를 곱하며, 각 파일 행 아래의 메모에 어떤 크기가 왜 사용되었는지 표시됩니다. 배율을 바꾸면 추가한 모든 SVG가 새 크기로 다시 변환됩니다.

예를 들어 보겠습니다. width="240" height="80"으로 선언된 logo.svg를 넣고 2x를 선택합니다. 로고는 먼저 512 x 171로 확대된 뒤 2배가 되고, 행의 썸네일을 클릭하면 1024x342라는 설명이 붙은 미리보기가 열리며 투명한 배경은 체커보드 무늬로 표시됩니다. SVG에서 칠하지 않은 부분은 PNG에서도 투명하게 유지되며, 이것이 보통 JPG 대신 PNG를 고르는 이유입니다.

일부 SVG 콘텐츠는 이 방식으로 그릴 수 없습니다. 이미지로 렌더링된 SVG는 파일 밖의 어떤 것도 가져올 수 없으므로 URL로 연결된 이미지와 웹 폰트는 제외되고, SVG 안의 스크립트도 실행되지 않습니다. 파일 안에 포함된 이미지는 그려집니다. 애니메이션 SVG는 정지 프레임 하나가 되고, XML 오류가 있는 SVG는 메시지와 함께 거부됩니다.

모든 처리는 클라이언트 측에서 실행되며 아무것도 업로드되지 않습니다. 50MB를 넘는 SVG 파일은 거부되며, 출력이 100메가픽셀을 넘거나 가로 또는 세로가 16384픽셀을 넘는 경우에도 거부됩니다. 이때는 보통 배율을 낮추면 해결됩니다. 이 도구는 무료이고 가입이 필요 없으며, 일일 변환 횟수 제한이 있습니다.

1. 루트 svg 요소에서 크기를 읽습니다. 너비와 높이가 모두 있으면 그 값을, 하나만 있으면 그 값과 viewBox 비율을, 둘 다 없으면 viewBox만, viewBox도 없으면 1024 x 1024를 사용합니다. 백분율과 em 값은 무시합니다.
2. 가장 긴 변이 512픽셀 미만이면 가장 긴 변이 512가 되도록 그림을 비례하여 확대합니다.
3. 선택한 배율(1, 2 또는 4)을 양쪽 변에 곱합니다.

• SVG를 그리고 PNG를 저장하는 모든 과정이 이 브라우저 탭 안에서 클라이언트 측으로 처리됩니다. 파일은 업로드되지 않습니다.
• SVG는 이미지로 렌더링되므로 안에 있는 스크립트는 실행되지 않고, 외부 파일 링크도 불러오지 않습니다. 출처를 알 수 없는 SVG를 여기서 열어도 네트워크에 접근하지 못합니다.
• 브라우저가 내장 엔진으로 SVG를 직접 렌더링하므로 WebAssembly 디코더는 사용되지 않습니다.
• 일일 한도 확인 시에는 도구 이름, 기기 식별자, 그리고 로그인한 경우 계정 토큰이 전송됩니다. 일괄 변환이 끝나면 파일 수, 총 바이트 수, 출력 형식만 기록되며 파일 이름이나 내용은 기록되지 않습니다.
• 변환된 PNG는 직접 삭제하거나 모두 지우기를 누르거나 페이지를 닫을 때까지 탭의 메모리에 남아 있습니다. 서버에는 사본이 보관되지 않습니다.