본문으로 건너뛰기

SVG를 PNG로, PNG를 SVG로 변환

SVG 파일을 원하는 크기의 선명한 PNG로 변환하거나, PNG·JPG 이미지를 SVG 벡터로 변환해요. 모든 변환은 브라우저에서 처리돼요.

SVG 파일을 여기에 끌어다 놓으세요또는 클릭해서 선택 · Ctrl+V로 SVG 코드 붙여넣기
SVG 선택기기에서 처리되며 업로드되지 않아요
브라우저에서 실행 · 업로드 없음작동 방식

SVG ↔ PNG 변환기 사용 방법

  1. 1

    SVG 불러오기

    .svg 파일을 하나 이상 끌어다 놓거나, 페이지 아무 곳에나 SVG 마크업을 붙여넣거나, 코드 입력란에 직접 입력한 뒤 SVG 렌더링을 누르세요.

  2. 2

    출력 크기 선택

    SVG 원래 크기의 1×, 2×, 4×, 8× 중에서 고르거나 최대 16,384픽셀까지 정확한 너비를 입력하세요. 높이는 자동으로 맞춰져요.

  3. 3

    형식과 배경 선택

    PNG는 투명 배경을 그대로 유지해요. JPG와 WebP는 품질 슬라이더가 나타나고, 어떤 형식이든 원하는 색으로 배경을 채울 수 있어요.

  4. 4

    다운로드

    파일 이름과 크기를 붙인 logo-512x512.png 같은 PNG로 저장하거나, 모든 파일을 svg-to-png.zip 하나로 한 번에 받으세요.

제한 및 Pro

SVG를 PNG로: SVG 파일 수 제한 없음, 각 파일은 한 변 최대 16,384px, 120메가픽셀까지 내보낼 수 있어요. PNG를 SVG로: 한 번에 이미지 1개, 최대 25 MB예요.

Pro에서는 PNG를 SVG로 변환할 때 입력 파일을 최대 4 GB까지 쓸 수 있어요. Pro 보기

SVG ↔ PNG 변환기 소개

SVG를 PNG로 변환하면 벡터 그래픽이 일반 픽셀 이미지로 바뀌어요. 브라우저에 내장된 SVG 엔진이 파일을 원하는 크기로 직접 그리기 때문에, 64픽셀 아이콘을 8×로 내보내면 늘려서 흐릿해진 이미지가 아니라 선명한 512픽셀 이미지가 나와요. 출력 크기는 SVG의 width와 height 속성에서 가져오며, mm, pt, in 같은 단위는 1인치당 96픽셀로 환산해요. 크기가 없으면 viewBox를 기준으로 삼아요. PNG 출력은 알파 투명도를 완전히 유지하고 OxiPNG로 무손실 최적화해요. JPG는 투명도를 지원하지 않아서 다른 색을 고르지 않으면 흰색으로 채워져요. 설정을 바꿀 때마다 미리보기가 갱신되니 다운로드 전에 결과를 정확히 확인할 수 있어요.

SNS와 메신저 앱, 구버전 Word와 PowerPoint, 이메일 서명, 앱 스토어 등록 화면, 여러 웹사이트 빌더처럼 SVG를 받지 않는 곳에는 PNG가 필요해요. 2×나 4×로 내보내면 고해상도 휴대폰 화면에서도 선명한 이미지를 쓸 수 있어요.

SVG는 독립된 이미지로 렌더링되기 때문에 인터넷에서 아무것도 가져오지 못해요. URL로 연결된 이미지와 웹 폰트는 불러오지 않고, 텍스트는 기기에 설치된 글꼴로 대체돼요. 내보내기 전에 글꼴과 이미지를 데이터 URI로 포함하거나 텍스트를 윤곽선으로 바꿔 주세요. 스크립트와 애니메이션은 실행되지 않아 정지된 한 프레임만 나와요. PNG를 SVG로 탭에서는 반대로 이미지를 벡터 경로로 변환할 수 있어요.

개인정보 보호

렌더링은 브라우저에 내장된 SVG 엔진이 처리하고, 이미지 인코딩은 이 탭의 Web Worker에서 jSquash WebAssembly 코덱이 맡아요. 코덱은 파일을 추가한 뒤에만 이 사이트에서 불러와요. SVG 마크업과 내보낸 이미지는 기기 밖으로 나가지 않고 업로드되지 않아요. 렌더러가 SVG 대신 네트워크 요청을 보낼 수도 없어요.

기능

어떤 크기에서도 선명

벡터를 출력 해상도에 맞춰 다시 그려요. 1×, 2×, 4×, 8× 또는 정확한 픽셀 너비로 내보내세요.

투명 배경

PNG와 WebP는 투명도를 유지해요. 원하는 색으로 배경을 채울 수도 있어요.

SVG 코드 붙여넣기

편집기나 디자인 도구에서 마크업을 바로 붙여넣으세요. 파일이 없어도 돼요.

일괄 내보내기

아이콘 세트 전체를 같은 설정으로 변환하고 ZIP으로 다운로드하세요.

PNG를 SVG로도 변환

탭을 바꿔 PNG나 JPG 로고를 깔끔한 벡터 경로로 변환하세요.

SVG ↔ PNG 변환기: 자주 묻는 질문

SVG를 투명 배경 PNG로 변환하려면 어떻게 하나요?
기본값인 PNG 형식과 투명 배경을 그대로 두고 다운로드하세요. SVG가 칠하지 않은 영역은 PNG에서 완전히 투명하게 남고, 반투명 채우기와 부드러운 가장자리도 알파 값이 유지돼요. JPG는 투명도를 저장할 수 없어서 빈 영역이 흰색이나 배경에서 고른 색으로 채워져요.
SVG를 어느 크기로 내보내는 게 좋을까요?
웹사이트에는 표시될 크기의 2배로 내보내세요. 예를 들어 300픽셀 자리에는 너비 600픽셀이면 고해상도 화면에서도 선명해요. 앱 아이콘과 스토어 등록 이미지는 보통 512 또는 1024픽셀 정사각형을 요구해요. 인쇄용은 인치 너비에 300을 곱하세요. 벡터는 크기마다 다시 그려서 크게 내보내도 흐려지지 않고 커지기만 해요.
SVG의 글꼴이나 이미지가 이상하게 보이는 이유는 뭐예요?
이미지로 그려지는 SVG는 아무것도 내려받을 수 없어서 Google Fonts 등 다른 서버에서 연결한 글꼴과 URL로 참조한 이미지가 빠져요. 텍스트는 기기에 설치된 글꼴로 대신 표시돼요. 디자인 앱에서 텍스트를 윤곽선이나 경로로 바꾸거나 글꼴과 이미지를 base64 데이터로 포함한 뒤 SVG를 다시 내보내 여기서 렌더링하세요.
SVG 파일 여러 개를 한 번에 변환할 수 있나요?
네. SVG 파일을 개수 제한 없이 끌어다 놓으면 목록에 표시되고, 선택한 파일이 미리보기로 나와요. 크기, 형식, 배경 설정은 모든 파일에 똑같이 적용돼서 아이콘 세트 전체를 4×로 한 번에 내보낼 수 있어요. 다운로드하면 svg-to-png.zip이 만들어지고, 각 PNG에는 원본 파일 이름과 최종 픽셀 크기가 붙어요.
PNG 크기가 예상과 다르게 나오는 이유는 뭐예요?
기본 크기는 SVG의 width와 height 속성을 1인치당 96픽셀로 환산한 값이고, 배율이 여기에 곱해져요. viewBox만 있으면 그 숫자를 픽셀로 쓰고, 둘 다 없으면 브라우저가 300 × 150으로 가정해요. 파일과 상관없이 정확한 크기를 얻으려면 px 옵션을 고르고 필요한 너비를 입력하세요. 높이는 비율에 맞춰져요.

이 도구로 할 수 있는 다른 작업