SVG PNG 변환기

기능 소개

이 도구는 SVG 코드나 .svg 파일을 PNG, JPG, WebP 이미지로 변환합니다. 마크업을 붙여 넣거나 파일을 끌어다 놓고, 배율이나 정확한 너비를 고른 뒤 비트맵을 다운로드하면 됩니다. 렌더링은 브라우저에서 이루어지므로 아이콘, 로고, 다이어그램이 컴퓨터 밖으로 나가지 않습니다.

앱 아이콘, SNS 이미지, 슬라이드, 문서, 이메일 서명, 오래된 소프트웨어처럼 SVG를 받지 않는 곳에 쓸 때 유용합니다. 체크무늬 배경 위에 실시간 미리보기가 표시되어 어느 부분이 투명한지 정확히 볼 수 있습니다.

사용 방법

1. <svg> 코드를 에디터에 붙여 넣거나, 업로드를 클릭해 파일을 열거나, 파일을 페이지로 끌어다 놓습니다. 예시를 누르면 작은 로고를 불러옵니다.
2. 크기를 고릅니다. 1×는 SVG 자체 크기를 쓰고, 2×–4×는 그 배수입니다. 또는 사용자 지정 너비를 픽셀로 입력하면 높이는 비율에 맞춰집니다.
3. 형식을 고릅니다. 투명도가 있는 무손실 출력은 PNG, 사진과 호환성에는 JPG, 작은 파일에는 WebP입니다.
4. 배경을 고릅니다. 투명, 흰색, 또는 원하는 색입니다.
5. 다운로드를 클릭합니다. 미리보기 아래 줄에 최종 픽셀 크기, 형식, 파일 크기가 표시됩니다.

크기를 정하는 방법

도구는 루트 <svg> 요소를 봅니다. px, pt, mm, cm, in, em 단위의 width와 height는 픽셀로 환산합니다. 이 값이 없거나 백분율이면 viewBox의 너비와 높이를 대신 사용합니다. 그다음 선택한 배율이나 사용자 지정 너비를 적용하고, 모든 브라우저가 똑같이 그리도록 명시적인 픽셀 크기로 SVG를 다시 씁니다.

예시

width나 height 없이 viewBox="0 0 24 24"만 있는 아이콘은 1×에서 24 × 24 PNG가 됩니다. 4×에서는 96 × 96이 되고, 사용자 지정 너비를 512로 하면 앱 스토어 아이콘에 알맞은 512 × 512 PNG가 됩니다. 확대가 아니라 벡터에서 렌더링하므로 여전히 완벽하게 선명합니다.

팁

• 잘못된 XML은 줄 번호와 함께 보고되므로 문제 위치로 바로 이동할 수 있습니다.
• 내장된 래스터 이미지(<image href="data:...">)는 작동하지만 외부 링크는 작동하지 않습니다.
• 텍스트는 컴퓨터에 설치된 글꼴을 씁니다. 어디서나 픽셀 단위로 같은 결과를 얻으려면 먼저 디자인 도구에서 텍스트를 윤곽선으로 변환하세요.
• 최대 출력 크기는 브라우저의 캔버스 크기 한도(한 변 약 16,000픽셀)로 제한됩니다.