SVG는 무한대로 확대/축소가 가능하지만, PNG는 모든 플랫폼에서 사용 가능합니다. 플랫폼에서 SVG를 지원하지 않거나, 인쇄소에서 래스터 이미지가 필요하거나, 앱에서 PNG를 요구하는 경우, 필요한 해상도로 정확하게 래스터화하세요.
여기에 이미지를 넣어주세요
100% 비공개. 업로드되지 않습니다.
벡터 연산이 손실 없는 픽셀로 고정됨
Figma, Illustrator, Inkscape 또는 기타 벡터 도구에서 .svg 파일을 드래그 앤 드롭하세요. 인라인 스타일, 외부 참조 및 내장 글꼴이 모두 렌더링됩니다.
픽셀 너비/높이 또는 DPI 배율을 정확하게 설정하세요. 1배는 표준, 2배는 레티나, 300 DPI는 인쇄용입니다. PNG 출력 시 투명 배경을 유지됩니다.
PNG 출력은 알파 채널을 포함한 무손실 형식입니다. 선택한 해상도에서 선명한 이미지를 유지하지만, 래스터화된 크기 이상으로 확대하면 화질이 저하됩니다. 향후 재내보내기를 위해서는 SVG 원본 파일을 보관하십시오.
이러한 관련 변환기 간에 이미지를 변환하세요.
insight-to-png-reason
SVG는 해상도에 구애받지 않는 연산 방식입니다. PNG는 픽셀 단위입니다. SVG 래스터화는 해상도를 선택하고 고정하는 것을 의미합니다. 필요한 최대 크기로 내보내세요. 필요에 따라 SVG에서 다시 내보낼 수도 있습니다.
정확한 출력을 위해 Chrome/Firefox의 SVG 렌더러를 사용합니다.
SVG 아이콘 세트를 한 번에 PNG로 내보내기
해상도 선택, 투명도, 글꼴 렌더링, 예외 처리.
필요한 최대 디스플레이 크기에 맞춰 크기를 조정하세요. 웹용의 경우 CSS 디스플레이 크기(레티나)의 2배로 설정합니다. iOS 아이콘의 경우 Xcode에서 가장 큰 에셋 슬롯(앱스토어용은 1024x1024) 크기로 설정합니다. 인쇄용의 경우 300 DPI 픽셀을 얻으려면 포인트 × 300/72로 설정합니다. 크기를 잘 모르겠으면 더 크게 내보내세요. PNG 파일은 축소해도 깔끔하게 유지되지만, 확대하면 흐릿해집니다.
네, 8비트 알파 채널을 완벽하게 지원합니다. 투명 SVG 배경은 투명 PNG 배경으로 내보내집니다. 반투명 도형, 오버레이, 불투명도가 있는 그라디언트는 모두 정확한 알파 값을 유지합니다.
SVG에서 경로로 정의된 글꼴은 완벽하게 렌더링됩니다. 글꼴 이름을 참조하는 경우(font-family)에는 브라우저에 내장된 글꼴이 아니므로 브라우저의 기본 글꼴이 사용됩니다. 따라서 출력 결과가 원본 디자인과 다를 수 있습니다. 렌더링이 확실하게 되도록 하려면 내보내기 전에 벡터 도구에서 텍스트를 경로로 변환하십시오.
예. 표준 SVG 1.1 필터 기본 요소는 브라우저의 SVG 엔진을 통해 렌더링됩니다. 복잡한 필터 그래프는 브라우저에 따라 약간 다르게 렌더링될 수 있지만, 최신 Chrome과 Firefox는 모든 일반적인 SVG 필터를 올바르게 처리합니다.
네. 이메일 클라이언트들은 SVG 지원이 미흡한 경우가 많지만 PNG는 보편적으로 지원합니다. 로고와 헤더의 SVG 파일을 600px 너비의 PNG 파일로 변환하면 모든 클라이언트에서 선명하게 이메일을 표시할 수 있습니다.
네. 스크린샷은 브라우저 테두리와 페이지 배경을 포함한 뷰포트 전체를 캡처합니다. 반면 이 도구는 SVG만 정확한 픽셀 크기로 투명도를 유지하며 렌더링하여, 캡처된 스크린샷이 아닌 깔끔하게 분리된 에셋을 제공합니다.
SVG 파일 자체에는 파일 크기 제한이 없습니다(텍스트이기 때문입니다). 래스터화 제한은 출력 PNG 파일의 크기입니다. 매우 큰 파일(약 16000×16000 이상)을 출력할 경우 브라우저 메모리 제한에 걸릴 수 있습니다. 포스터 크기의 벡터 아트를 제작하려면 Inkscape 명령줄 도구를 사용하는 것이 좋습니다.
PNG 파일은 SVG의 현재 정적 상태를 내보냅니다. 애니메이션 프레임은 전송되지 않습니다. PNG는 정지 이미지이기 때문입니다. 애니메이션이 포함된 SVG 콘텐츠를 사용하려면 HTML에 이미지 또는 객체로 직접 삽입하세요.