SVG를 PNG로 변환하는 방법과 언제 해야 하는지
SVG와 PNG의 근본적인 차이
SVG(Scalable Vector Graphics)와 PNG(Portable Network Graphics)는 완전히 다른 방식으로 이미지를 저장합니다.
SVG는 수학적인 좌표와 경로로 이미지를 표현합니다. 예를 들어 원을 "중심 (100, 100), 반지름 50"으로 저장합니다. 이 덕분에 어떤 크기로 확대해도 품질이 전혀 떨어지지 않습니다.
PNG는 픽셀(점) 데이터를 저장합니다. 확대하면 계단 현상(픽셀화)이 발생합니다.
SVG → PNG 변환이 필요한 상황
호환성 문제 - **이미지 편집 프로그램** (Photoshop, GIMP의 구형 버전) - **오피스 프로그램** (Microsoft Word, PowerPoint에 SVG 삽입 시 문제) - **이메일 클라이언트** — 대부분 SVG를 표시하지 못함 - **소셜 미디어** — Twitter, Facebook 등은 SVG 업로드 미지원 - **인쇄소** — 대부분 PNG나 JPG를 요구함
변환 시 해상도 선택
| 용도 | 권장 해상도 |
|---|---|
| 웹 사용 (일반) | 원본 크기 × 1 또는 × 2 (레티나) |
| 소셜 미디어 프로필 | 400×400 이상 |
| 앱 아이콘 | 1024×1024 (최대) |
| 파비콘 | 32×32, 64×64 |
OBSCURA로 SVG → PNG 변환하기
- OBSCURA에서 SVG → PNG 카드를 클릭합니다
- SVG 파일을 드래그 앤 드롭합니다
- 변환 완료 후 PNG 파일을 다운로드합니다
결론
SVG는 로고, 아이콘, 일러스트레이션에 이상적인 포맷입니다. SVG 원본을 항상 보관해 두면, 언제든지 원하는 크기의 PNG로 변환할 수 있습니다.