SVG 벡터를 PNG 이미지로 변환기
SVG 벡터 파일을 PNG 래스터 이미지로 변환하여 코드 기반의 확장 가능한 그래픽을 범용 애플리케이션 호환성을 위한 고정 픽셀 그리드로 전환합니다.
형식 비교 및 기술 사양
| 사양 | SVG | PNG |
|---|---|---|
| MIME 유형 | image/svg+xml | image/png |
| 유형 | vector | raster |
| 압축 | lossless XML text (GZIP compressible via .svgz) | lossless (DEFLATE / LZ77 + Huffman) |
| 표준 사양 | W3C SVG 2 Specification | W3C PNG 3rd Edition |
| 매직 바이트 헤더 | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) | 89 50 4E 47 0D 0A 1A 0A |
형식 개요 및 응용 프로그램
확장 가능한 벡터 그래픽(SVG)은 XML 텍스트 코드를 사용하여 화면에 기하학적 경로, 선, 도형을 직접 그려냅니다. 이 형식은 어떤 화면 크기에서도 선명하게 유지되므로 웹 로고와 아이콘에 매우 적합합니다. 그러나 일부 구형 소프트웨어, 엄격한 이메일 클라이언트, 특정 인쇄 도구는 벡터 코드를 읽지 못합니다. 이 파일을 휴대용 네트워크 그래픽(PNG) 파일로 변환하면 벡터 도형을 색상 픽셀의 고정 그리드로 채워 이러한 문제를 해결할 수 있습니다. 웹 개발자와 그래픽 디자이너는 모바일 앱스토어 또는 레거시 플랫폼용 아이콘을 준비할 때 종종 이 변환 작업이 필요합니다. 앱스토어는 애플리케이션 아이콘에 대해 특정 래스터 치수를 요구합니다. 벡터 소스를 고정 이미지 그리드로 변경함으로써 제작자는 대상 애플리케이션이 XML 코드를 구문 분석하는 데 의존하지 않고도 모든 장치에서 그래픽이 올바르게 표시되도록 보장합니다.
기술 사양 및 코덱 분석
SVG 파일은 image/svg+xml MIME 타입을 사용하며 마크업 괄호로 둘러싸인 일반 텍스트 XML 태그로 구성됩니다. 사람이 읽을 수 있는 텍스트 문서이므로 매직 바이트를 사용하지 않습니다. PNG 파일은 image/png MIME 타입을 사용하며 정확히 8바이트의 매직 서명인 89 50 4E 47 0D 0A 1A 0A로 시작합니다. 구조적으로 SVG는 수학적 경로 명령어와 좌표에 의존합니다. PNG는 LZ77 슬라이딩 딕셔너리 매칭과 무손실 압축을 위한 허프만 코딩을 결합한 DEFLATE 알고리즘을 사용하여 압축된 픽셀의 래스터 그리드에 의존합니다.
OS 및 브라우저 호환성
SVG 파일은 Chrome, Safari, Firefox, Edge를 포함한 모든 최신 웹 브라우저에서 기본적으로 열리지만, 레거시 버전의 Microsoft Office와 같은 구형 데스크톱 소프트웨어에서는 지원이 부족합니다. PNG 이미지는 Windows, macOS, Linux, iOS, Android를 포함한 모든 주요 운영 체제에서 범용 호환성을 제공합니다. 모든 최신 웹 브라우저, 이미지뷰어, 오피스 제품군은 추가 플러그인 없이 PNG 파일을 엽니다.
💡 유용한 정보
벡터를 래스터로 변환할 때 최종 디스플레이 대상과 일치하는 해상도 크기를 선택하십시오. 두 배 크기로 내보내면 고밀도 Retina 디스플레이용 선명한 이미지가 생성됩니다.
형식 비교 및 기술 사양
일반적인 로고 벡터 파일의 크기는 약 15KB입니다. 이를 고해상도 PNG로 변환하면 약 250KB 크기의 파일이 생성됩니다. 빠른 광랜 연결에서는 이 파일이 1밀리초 미만에 전송됩니다. 5G 모바일 연결에서는 약 2밀리초가 소요되며, 표준 4G 네트워크에서는 전송이 대략 10밀리초 만에 완료됩니다.
자주 묻는 질문
품질 저하 없이 SVG 벡터를 PNG 이미지로 변환하려면 어떻게 해야 합니까?
출력을 선명하게 유지하려면 PNG 파일에 사용되는 무손실 DEFLATE 압축을 적용하기 전에 높은 픽셀 해상도에서 벡터 수학을 렌더링하십시오. 두 형식 모두 무손실이므로 생성된 크기를 초과하여 최종 픽셀 그리드를 확대하지 않는 한 변환 시 모든 선명한 모서리와 색상이 정확하게 유지됩니다.
SVG 벡터와 PNG 이미지의 차이점은 무엇입니까?
SVG는 픽셀화 없이 무한히 확장되는 XML 텍스트 지침으로 빌드된 벡터 형식입니다. PNG는 개별 색상 픽셀의 고정 그리드로 빌드된 래스터 형식입니다. 벡터는 크기 조절과 반응형 웹 디자인에 가장 적합하며, 래스터는 복잡한 사진 텍스처와 범용 소프트웨어 호환성에 가장 적합합니다.