SVG란 무엇이고, PNG란 무엇인가요?
SVG(Scalable Vector Graphics)는 XML 기반의 벡터 형식입니다. 그래픽이 픽셀로 구성되는 것이 아니라 수학적 경로, 도형, 색상으로 표현되기 때문에 아무리 확대해도 품질이 저하되지 않습니다. 로고, 아이콘, 일러스트, 버튼 같은 그래픽은 디자이너가 보통 SVG로 제작합니다.
PNG는 고정된 수의 픽셀로 구성된 비트맵(래스터) 형식으로, 투명 배경(alpha 채널)을 지원하며 호환성이 매우 높아 거의 모든 소프트웨어, 플랫폼, 시스템에서 바로 열어 사용할 수 있습니다.
언제 SVG를 PNG로 변환해야 하나요?
가장 흔한 경우는 다음과 같습니다: 업로드하는 플랫폼이 SVG를 지원하지 않는 경우(일부 전자상거래 관리자 페이지, 소셜 플랫폼, 소재 마켓 등), 디자인 시안을 비트맵 형태로 전달해야 하는 경우, 그리고 상대방이 PNG 파일만 받는 경우입니다.
또 다른 흔한 경우는 아이콘 내보내기입니다. 코드나 디자인 시안에서는 SVG를 사용하지만, 비개발 직군 동료에게 전달하거나 소재 라이브러리에 업로드할 때는 PNG가 더 범용적입니다.
변환 시 크기는 어떻게 선택하나요?
원본 크기: SVG 자체에 정의된 크기 그대로 내보냅니다. 크기가 이미 맞는 경우에 적합합니다.
배율 조정: 2×, 3×, 4×는 고해상도 화면(Retina 디스플레이)에 사용합니다. 아이콘은 최소 2× 이상으로 내보내야 고해상도 화면에서 흐릿해 보이지 않습니다.
사용자 지정 크기: 용도에 맞게 너비와 높이를 직접 설정합니다. 그래픽이 늘어나거나 찌그러지지 않도록 비율 고정 옵션을 선택하는 것이 좋습니다.
투명 배경은 어떻게 처리하나요?
PNG는 투명 배경을 기본적으로 지원하므로, SVG의 투명한 영역이 기본적으로 유지됩니다.
바탕색이 있는 소재가 필요하다면(예: 인쇄 편집용 흰 바탕 이미지) 배경 옵션에서 흰색, 검은색 또는 임의의 사용자 지정 색상을 선택할 수 있습니다.