본문으로 건너뛰기

SVG를 PNG로

SVG를 원하는 해상도의 투명 배경 PNG로 변환

SVG를 완전한 알파 투명도를 지닌 고DPI PNG로 내보냅니다. 너비, 높이, DPI를 직접 정할 수 있습니다. 앱 아이콘, 레티나용 에셋, Figma나 Sketch 같은 디자인 도구로 내보낼 때 가장 적합합니다.

여기에 파일을 놓으세요

새 파일의 기본값을 편집하고 있습니다

배경
모서리 둥글기
가로세로 비율1.000

미리보기

미리보기가 없습니다. 파일을 추가하고 선택하면 결과가 표시됩니다.
아직 파일이 없습니다. 위에 파일을 놓거나 '파일 선택'을 누르세요.

SVG란?

SVG(Scalable Vector Graphics)는 XML을 기반으로 한 벡터 이미지 형식입니다. 픽셀 대신 도형, 패스, 채우기, 선을 수식으로 기술하기 때문에 어떤 크기로 렌더링해도 품질이 떨어지지 않습니다.

SVG는 웹의 표준 벡터 형식입니다. 최신 브라우저가 모두 기본으로 지원하고, CSS로 스타일을 지정할 수 있으며, JavaScript나 SMIL로 애니메이션도 적용할 수 있습니다. 같은 내용의 래스터 이미지에 비해 파일 크기도 대체로 훨씬 작습니다.

PNG란?

PNG(Portable Network Graphics)는 알파 채널로 완전한 투명도를 지원하는 무손실 래스터 이미지 형식입니다. 투명 PNG는 아이콘, 스크린샷, 일러스트처럼 또렷한 경계나 투명한 배경이 필요한 이미지에 가장 적합합니다.

SVG와 래스터 형식 비교

벡터 이미지(SVG)와 래스터 이미지(PNG, JPG)는 쓰임새가 다릅니다. 이미지를 어디에 쓸지에 따라 알맞은 형식이 정해집니다.

항목SVGPNG / JPGICO / ICNS
확대/축소해상도에 구애받지 않음확대하면 흐려짐고정 크기로 미리 렌더링
파일 크기도형과 아이콘은 작음해상도에 따라 커짐크기별 이미지의 묶음
편집텍스트나 벡터 도구로 편집 가능픽셀 단위 편집만 가능크기마다 편집 후 다시 묶음
애니메이션CSS, SMIL, JavaScript제한적 (APNG / GIF)지원 안 함
투명도지원PNG 지원, JPG 미지원지원 (PNG 기반)

SVG를 PNG로 변환해야 하는 경우

PNG는 가장 안전한 범용 래스터 형식입니다. 투명한 부분이 있는 고해상도 이미지가 필요할 때, 예를 들어 앱 스크린샷, 웹 삽입, 발표 자료, 블로그 글처럼 무손실 래스터가 필요한 자리에서는 SVG를 PNG로 변환하세요. 내보내기 크기는 32×32 아이콘이 1~3 KB, 256×256이 6~30 KB, 2K 해상도가 200 KB~1 MB 정도입니다. 완전한 알파와 무손실 압축을 함께 갖춘 주요 형식은 PNG뿐입니다.

SVG에서 PNG로: 파일 크기와 품질의 균형

파일 크기

벡터 SVG는 보통 몇 KB입니다. 32×32 PNG 내보내기는 1~3 KB, 256×256은 6~30 KB, 2048×2048은 200 KB~1 MB 정도가 됩니다. PNG는 모든 픽셀을 저장하므로 해상도가 2배가 되면 파일은 대략 4배가 됩니다.

PNG가 알맞은 경우

PNG는 래스터 이미지의 기본 선택지입니다. 앱 아이콘 세트, 메일 서명, SNS 업로드 양식, 스크린샷, 발표 자료, 대부분의 CMS처럼 SVG를 다루지 못하는 곳에는 PNG를 고르세요. 투명도나 또렷한 경계가 필요한 자리에서는 JPG가 아니라 PNG입니다.

PNG 대신 SVG를 그대로 써야 하는 경우

받는 쪽이 최신 브라우저, iOS나 Android 네이티브 앱, 벡터를 다루는 디자인 도구(Figma, Sketch, Affinity)라면 SVG로 두세요. SVG는 어떤 크기에서도 또렷하고, 도형 위주의 그림이라면 같은 내용의 PNG보다 훨씬 작으며, CSS로 스타일을 지정하거나 애니메이션을 적용할 수 있습니다.

품질 절충

PNG는 무손실이라 모든 픽셀이 래스터화한 결과와 일치합니다. 품질은 내보내기 해상도로만 정해집니다. 너비가 약 128 px 아래로 내려가면 세부와 가는 선의 안티앨리어싱이 깔끔하게 나오지 않을 수 있고, 32 px 아래라면 픽셀에 맞춘 별도 버전을 준비하세요. 품질 조절은 없으며 파일 크기는 출력 크기와 DPI로만 정해집니다.

SVG를 PNG로 온라인에서 변환하는 방법

  1. 파일을 끌어다 놓거나 '파일 선택'을 눌러 대기열에 추가합니다. 한 번에 최대 40개까지 가능합니다.
  2. 출력 설정(크기, DPI, 배경, 품질, 트레이싱 세부)을 지정하면 미리보기가 그 자리에서 갱신됩니다.
  3. '모두 저장'을 누르면 결과를 내려받을 수 있습니다. 대기열에 여러 개가 있으면 하나의 ZIP이 됩니다.

개인정보: 파일은 브라우저를 벗어나지 않습니다

파일이 기기 밖으로 나가는 일은 없습니다. 변환은 JavaScript와 WebAssembly를 이용해 전부 브라우저 안에서 실행됩니다. 업로드도 서버 처리도 없으므로 파일에 관한 정보가 어디로도 전송되지 않습니다.

아무것도 업로드되지 않으므로 대외비 로고, 사내 문서, 공개 전 고객 작업물에도 안심하고 쓸 수 있습니다. 사용하는 동안 기기에 캐시되므로 첫 방문 이후에는 네트워크 연결이 없어도 동작합니다.

자주 묻는 질문

PNG가 SVG의 투명도를 유지하나요?

네. '투명' 배경을 고르면 SVG의 투명한 부분이 그대로 PNG에 반영됩니다. PNG는 완전한 알파를 지원하므로 반투명한 도형이나 부드러운 경계도 유지됩니다.

어떤 DPI로 내보내야 하나요?

96 DPI가 표준 1배 화면에 해당합니다. 레티나나 고DPI 화면에는 192나 288을, 인쇄를 노린다면 더 높은 값을 고르세요. DPI는 픽셀 크기에 곱해질 뿐이고 원본이 벡터이므로 어떤 배율에서도 품질이 떨어지지 않습니다.

PNG를 얼마나 크게 내보낼 수 있나요?

64메가픽셀까지이고 한 변이 16,384 px를 넘을 수 없으므로 8000×8000은 가능합니다. DPI 배율도 이 한도에 포함되어 4000×4000을 2배 DPI로 내보내면 한도에 닿습니다. 내보내기가 거부되거나 결과가 비어 있으면 너비나 DPI를 낮추세요.