SVG에서 PNG로 변환
SVG 벡터 파일을 PNG 래스터 이미지로 변환하면 코드 기반의 확장 가능한 그래픽이 범용 애플리케이션 호환성을 갖춘 고정 픽셀 그리드로 바뀝니다.
형식 비교 및 기술 사양
| 사양 | SVG | PNG |
|---|---|---|
| MIME 유형 | image/ | image/ |
| 유형 | 벡터 | 래스터 |
| 압축 | 무손실 XML 텍스트 (.svgz로 GZIP 압축 가능) | 무손실 (DEFLATE / LZ77 + 허프만 부호화) |
| 표준 사양 | 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 파일은 MIME 타입 image/svg+xml을 사용하며 마크업 괄호로 둘러싸인 일반 텍스트 XML 태그로 구성됩니다. 사람이 읽을 수 있는 텍스트 문서이므로 매직 바이트를 사용하지 않습니다. PNG 파일은 MIME 타입 image/png를 사용하며 89 50 4E 47 0D 0A 1A 0A의 정확한 8바이트 매직 서명으로 시작합니다. 구조적으로 SVG는 수학적 경로 명령어와 좌표에 의존합니다. PNG는 LZ77 슬라이딩 딕셔너리 매칭과 허프만 코딩을 결합하여 무손실 압축을 수행하는 DEFLATE 알고리즘을 사용하여 압축된 픽셀의 래스터 그리드에 의존합니다.
OS 및 브라우저 호환성
SVG 파일은 대부분의 최신 브라우저에서 열 수 있지만 구형 데스크톱 소프트웨어에서는 지원하지 않을 수 있습니다. PNG 이미지는 주요 운영 체제와 브라우저, 이미지 뷰어, 오피스 제품군에서 폭넓게 지원됩니다.
유용한 정보
이 변환기는 파일에 설정된 너비와 높이로 SVG를 렌더링합니다. 더 크거나 Retina 디스플레이에서 선명한 PNG를 원한다면 변환 전에 SVG의 너비와 높이 값을 더 크게 설정하십시오.
자주 묻는 질문
SVG 벡터를 PNG 이미지로 래스터화하면 무엇이 달라지나요?
SVG는 벡터 형식이고 PNG는 래스터 형식입니다. 변환은 SVG를 선택한 픽셀 크기로 렌더링하며 PNG는 해당 픽셀을 보존하지만 원래 벡터 이미지는 보존하지 않습니다.
SVG 벡터와 PNG 이미지의 차이점은 무엇입니까?
SVG는 픽셀화 없이 무한히 확장되는 XML 텍스트 지침으로 빌드된 벡터 형식입니다. PNG는 개별 색상 픽셀의 고정 그리드로 빌드된 래스터 형식입니다. 벡터는 크기 조절과 반응형 웹 디자인에 가장 적합하며, 래스터는 복잡한 사진 텍스처와 범용 소프트웨어 호환성에 가장 적합합니다.