SVG 파일은 웹에서 로고, 아이콘, 일러스트레이션의 표준입니다. 하지만 PNG가 필요한 상황은 많습니다: SVG를 지원하지 않는 플랫폼에 업로드, 프레젠테이션에 삽입, 소셜 미디어에 공유, 래스터 포맷만 받는 도구에서 사용. 문제는 흐릿하거나 픽셀화된 결과 없이 변환하는 것입니다.
SVG vs PNG: 차이점은?
- SVG(Scalable Vector Graphics)는 벡터 포맷입니다. 수학적 경로, 도형, 좌표를 사용하여 이미지를 기술합니다. 즉, SVG는 작은 파비콘부터 광고판까지 어떤 크기로든 선명도 손실 없이 확대할 수 있습니다. SVG 파일은 단순한 그래픽의 경우 일반적으로 파일 크기가 매우 작습니다.
- PNG(Portable Network Graphics)는 래스터 포맷입니다. 이미지를 색상 픽셀의 그리드로 저장합니다. PNG는 고정된 해상도를 가지므로 원본 픽셀 크기를 넘어 확대하면 흐릿하게 보입니다. 하지만 PNG는 보편적으로 지원되며 어디서나 작동합니다.
왜 SVG를 PNG로 변환해야 할까요?
이 변환을 해야 하는 일반적인 이유가 여러 가지 있습니다:
- 플랫폼 호환성. 많은 플랫폼(소셜 미디어, 이메일 클라이언트, 문서 편집기)이 SVG 파일을 렌더링하지 않습니다. PNG는 어디서나 허용됩니다.
- 일관된 렌더링. SVG는 고급 기능이나 사용자 정의 글꼴을 사용하면 브라우저마다 다르게 보일 수 있습니다. PNG로 변환하면 정확한 외관이 고정됩니다.
- 프레젠테이션 및 문서. PowerPoint, Google Slides, Word는 SVG보다 PNG를 더 안정적으로 처리합니다.
- 파비콘 및 앱 아이콘 생성. SVG 파비콘이 존재하지만, 많은 경우 특정 픽셀 크기의 PNG가 여전히 필요합니다.
적절한 배율 선택
SVG는 해상도에 독립적이므로, 변환 시 가장 중요한 결정은 어떤 픽셀 크기로 내보낼지입니다. 배율이 여기서 중요합니다:
- 1x 배율: SVG의 기본 뷰포트 크기로 내보냅니다. SVG가 200x200으로 정의되어 있으면 200x200 PNG를 얻습니다. 작은 웹 그래픽에 적합.
- 2x 배율: 크기를 두 배로 합니다 (같은 SVG에서 400x400). 레티나 디스플레이와 고 DPI 화면에서 표준 해상도가 부드럽게 보일 때 이상적.
- 4x 배율: 크기를 네 배로 합니다 (800x800). 인쇄, 대형 디스플레이용으로 고해상도 버전이 필요하거나 작업할 추가 디테일이 필요할 때 사용.
높은 배율은 더 큰 파일 크기를 생성하지만 원본 벡터의 모든 디테일을 보존합니다. 벡터 소스에서 변환하므로 어떤 배율에서도 품질 손실이 전혀 없습니다. PNG는 수학적 설명에서 완벽하게 렌더링됩니다.
fileGOD로 변환하는 방법
fileGOD의 SVG에서 PNG 변환기는 간단합니다:
- 1단계: SVG에서 PNG 도구를 엽니다.
- 2단계: SVG 파일을 업로드 영역에 끌어다 놓습니다.
- 3단계: 원하는 배율(1x, 2x 또는 4x)을 선택합니다.
- 4단계: 고품질 PNG를 다운로드합니다.
변환은 Canvas API를 사용하여 전적으로 브라우저에서 이루어집니다. SVG가 목표 해상도로 렌더링되고 완전한 투명도 지원과 함께 깨끗한 PNG로 내보내집니다. 서버 처리 없이, 품질 타협 없이, 계정 불필요.
결과를 더 리사이징해야 하시나요? PNG를 이미지 리사이저에 통과시켜 특정 용도에 맞는 정확한 픽셀 크기로 조정하세요.