PNG 이미지를 SVG 벡터로 변환기
PNG 래스터 이미지를 SVG 벡터 그래픽으로 변환하여 품질 손실 없이 무한히 크기를 조절할 수 있도록 픽셀 그리드를 확장 가능한 수학적 경로로 변경합니다.
형식 비교 및 기술 사양
| 사양 | PNG | SVG |
|---|---|---|
| MIME 유형 | image/png | image/svg+xml |
| 유형 | raster | vector |
| 압축 | lossless (DEFLATE / LZ77 + Huffman) | lossless XML text (GZIP compressible via .svgz) |
| 표준 사양 | W3C PNG 3rd Edition | W3C SVG 2 Specification |
| 매직 바이트 헤더 | 89 50 4E 47 0D 0A 1A 0A | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) |
형식 개요 및 응용 프로그램
PNG 파일을 SVG 형식으로 변환하는 것은 로고와 아이콘이 모든 화면 크기에서 선명하게 보이도록 해야 하는 그래픽 디자이너와 웹 개발자에게 일반적인 작업입니다. 래스터 PNG 이미지는 색상 픽셀의 고정 그리드를 사용합니다. PNG를 원래 크기 이상으로 늘리면 픽셀이 흐려지고 블록처럼 보입니다. 이 래스터 그래픽을 SVG 파일로 변환하면 해당 픽셀이 선, 곡선, 도형에 대한 수학적 지침으로 대체됩니다. 이를 통해 아트워크가 선명도를 잃지 않고 빌보드 크기부터 모바일 아이콘까지 확장될 수 있습니다. 웹 디자이너는 웹사이트 성능과 시각적 충실도를 향상시키기 위해 이 변환을 자주 수행합니다. SVG로 저장된 로고와 UI 아이콘은 파일 크기를 놀랍도록 작게 유지하면서 고해상도 Retina 디스플레이에서 선명하게 로드됩니다. 인쇄소도 픽셀 매트릭스 대신 연속 선이 필요한 비닐 커터 및 레이저 조각기용 아트워크를 준비하기 위해 벡터 형식에 의존합니다.
기술 사양 및 코덱 분석
PNG 파일은 image/png MIME 타입을 가진 래스터 이미지입니다. 매직 바이트 헤더인 89 50 4E 47 0D 0A 1A 0A로 시작하며, 그 뒤에 LZ77 슬라이딩 딕셔너리와 무손실 압축을 위한 허프만 코딩을 결합한 DEFLATE 알고리즘을 사용하여 압축된 데이터 청크가 옵니다. 대조적으로 SVG 파일은 image/svg+xml MIME 타입을 가진 벡터 그래픽입니다. XML 마크업으로 작성된 일반 텍스트 파일이므로 매직 바이트를 사용하지 않습니다. SVG 코드는 경로, 원, 직사각형과 같은 요소를 사용하여 기과적 도형을 정의합니다. PNG 압축은 모든 개별 픽셀의 색상 값을 저장하여 파일 크기를 줄이는 반면, SVG 압축은 수학적 공식을 저장하여 파일 크기를 줄입니다. 또한 SVG는 GZIP 압축을 사용하여 추가로 압축할 수 있으며, 효율적인 웹 전송을 위해 파일 확장자를 .svgz로 변경합니다.
OS 및 브라우저 호환성
SVG 파일은 Windows, macOS, Android, iOS와 같은 데스크톱 및 모바일 운영 체제의 Chrome, Firefox, Safari, Edge를 포함한 최신 웹 브라우저에서 전폭적인 지원을 받습니다. Adobe Illustrator, Inkscape, CorelDRAW 같은 이미지 뷰어 및 디자인 제품군은 SVG 편집을 기본적으로 처리합니다. PNG 파일도 이러한 범용 브라우저 및 운영 체제 지원을 공유하지만, 원시 SVG 마크업을 보려면 표준 텍스트 편집기가 필요합니다.
💡 유용한 정보
복잡한 사진 PNG를 SVG로 변환하면 추적 알고리즘이 수천 개의 작은 벡터 경로를 생성하므로 파일 크기가 엄청나게 커지는 경우가 많습니다. 로고, 아이콘, 플랫 그래픽용으로 SVG 변환을 아껴두고 사진은 래스터 형식으로 유지하십시오.
형식 비교 및 기술 사양
복잡한 고해상도 PNG 로고는 쉽게 2메가바이트에 달할 수 있으며, 표준 4G 모바일 연결을 통해 다운로드하는 데 약 3.2초가 걸립니다. 이에 상응하는 변환된 SVG 파일은 종종 40킬로바이트로 줄어들어 4G에서는 0.1초 미만, 5G 및 광랜 네트워크에서는 즉시 다운로드됩니다.
자주 묻는 질문
품질 저하 없이 PNG 이미지를 SVG 벡터로 변환하려면 어떻게 해야 합니까?
PNG를 SVG로 변환할 때는 래스터 형식이 사용하는 전통적인 손실 또는 무손실 압축을 사용하지 않습니다. 대신 변환기가 PNG의 픽셀 경계를 추적하고 이를 수학적 벡터로 다시 그립니다. 벡터는 확장 가능한 경로를 사용하므로 무한한 해상도 품질을 얻을 수 있습니다. 그러나 단순한 자동 추적 도구는 날카로운 모서리를 놓치거나 미세한 세부 사항을 부드럽게 만들 수 있으므로 완벽한 결과를 위해 벡터 편집 소프트웨어에서 수동으로 정리해야 하는 경우가 간혹 있습니다.
PNG 이미지와 SVG 벡터의 차이점은 무엇입니까?
PNG는 시각적 데이터를 DEFLATE로 압축된 색상 픽셀의 고정 그리드로 저장하는 래스터 이미지 형식으로, 파일 크기가 픽셀 치수에 따라 다릅니다. SVG는 시각적 데이터를 XML 텍스트로 작성된 확장 가능한 수학적 지침으로 저장하는 벡터 이미지 형식으로, 픽셀화 없이 이미지를 무한히 크기 조절할 수 있습니다.