SVG → PNG
SVG → PNG 변환기
벡터 파일을 끌어다 놓으면 작업에 필요한 해상도의 PNG가 나옵니다. 래스터화는 이 탭에서 이루어지므로 디자인 작업은 여러분과 기기 사이에만 남습니다.
PNG는 픽셀이 고정되어 있어 나중에 확대하면 흐려지지만 SVG는 어느 크기에서도 선명합니다. 투명 영역은 채우지 않고 유지됩니다.
SVG를 PNG로 변환하는 방법
벡터 불러오기
.svg 파일을 끌어다 놓거나 붙여넣으세요. 헤더에 너비와 높이를 선언하지 않은 파일은 대신 1024픽셀 뷰포트로 렌더링됩니다.
픽셀 크기 고르기
필요한 너비나 높이를 설정하세요. 앱 아이콘이면 256, 인쇄용 그래픽이면 2400이 적당하며, 다른 변은 종횡비를 따릅니다. 파일이 선언한 크기보다 크게 확대되는 일은 없습니다.
PNG 내보내기
래스터를 저장해 PNG가 필요한 곳에 쓰세요. 슬라이드, 파비콘 파이프라인, README, 벡터를 받지 않는 스토어 등록 정보 등이 해당됩니다.
벡터를 픽셀로 바꾸기
SVG는 XML입니다. 렌더러가 어떤 배율에서도 해석하는 경로, 채우기, 텍스트 명령의 집합이라 로고와 아이콘을 벡터로 그립니다. PNG는 완성된 픽셀의 격자이므로 래스터화하려면 먼저 격자 크기를 정해야 합니다. 모든 곡선이 그 격자에 표본화되고, 고른 해상도가 그대로 남는 해상도가 됩니다.
그림은 브라우저 자체 SVG 엔진, 즉 페이지에 표시할 때 쓰는 것과 같은 엔진으로 렌더링되므로 그러데이션, 필터, 잘린 도형이 화면에서처럼 동작하고, PNG가 알파 채널을 가지므로 투명도도 보존됩니다. 대가는 고정성입니다. 나중에 PNG를 확대하면 가장자리가 흐려지지만, SVG에서 더 큰 크기로 다시 내보내면 선명합니다. 벡터를 원본 파일로 보관하세요.
SVG → PNG 질문
PNG 해상도는 어떻게 고르나요?
가장 크게 표시될 위치를 생각하세요. 파비콘이면 16~64 px, 앱 아이콘이면 256~512 px, 인쇄면 1000 px 이상입니다. 한 변을 정하면 다른 변이 비율을 따르고, 원본이 선명하게 남아 있으므로 다른 크기로 다시 내보내는 비용은 적습니다.
SVG와 비교해 무엇을 잃나요?
확장성과 편집 가능성입니다. PNG는 고정된 격자라 확대하면 흐려지고, 도형은 더 이상 스타일을 바꿀 수 있는 텍스트가 아닙니다. 내보낸 파일은 특정 크기용 전달 사본으로 보고 원본 .svg를 보관하세요.
제 SVG에 너비와 높이가 없습니다. 어떻게 되나요?
1024픽셀 뷰포트로 렌더링되고 그것이 고유 크기가 됩니다. 즉 viewBox만 있는 파일은 너비 1024 px로 취급됩니다. 정확한 크기가 필요하면 여기서 픽셀 크기를 지정하거나 마크업에 너비와 높이를 추가하세요.
PNG는 투명도를 유지하나요? 파일이 업로드되나요?
PNG는 진짜 알파 채널을 가지므로 투명도가 보존됩니다. 비쳐 보이는 배경의 로고는 비쳐 보이는 채로 남습니다. 업로드도 없습니다. 파일당 최대 64 MB까지 이 탭에서 렌더링하고 인코딩하며, 페이지는 한 번 불러오면 오프라인에서도 동작합니다.