SVG to PNG 가이드: 크기 지정, 투명 배경 및 시나리오 적응

Office 2016 및 이전 버전은 SVG 이미지 삽입 및 표시를 지원하지 않으며, 일부 국내 소셜 플랫폼의 이미지 업로더도 SVG 벡터 파일을 파싱할 수 없습니다.

SVG 소스를 얻은 후 이러한 시나리오에서 정상적으로 사용하려면 고정 래스터 형식인 PNG로 변환해야 합니다. 변환 과정에서는 크기와 배경 투명성이라는 두 가지 핵심 문제를 다루어야 합니다.

SVG는 고정 픽셀 정보 대신 그래픽 그리기 명령을 저장하는 벡터 그래픽 형식입니다. 선명도를 유지하면서 임의로 크기를 조정할 수 있으며 본래 고정 해상도를 가지고 있지 않습니다.

PNG는 각 픽셀이 화면의 표시 점에 해당하는 래스터 그래픽 형식입니다. 정상적으로 표시 가능한 래스터 파일을 생성하려면 너비와 높이의 명확한 픽셀 값이 필요하므로 내보내기 과정에서 크기 매개변수를 수동으로 지정해야 합니다.

SVG to PNG 변환기는 기본적으로 원본 SVG의 투명 배경을 유지합니다. 변환 미리보기 영역은 검은색과 흰색 체크보드로 투명 영역을 표시하므로 사용자는 미리보기를 통해 투명 상태를 확인할 수 있습니다.

배경을 단색으로 변경해야 하는 경우 JPG 형식으로 내보내고 해당 기본 색상을 지정할 수 있습니다. PNG 형식은 알파 채널 정보를 완전히 저장할 수 있으므로 투명 배경이 필요한 디자인 시나리오에 적합합니다.

웹사이트 파비콘을 만들 때는 다른 기기와 사용 시나리오에 적응하기 위해 여러 크기의 PNG 파일을 출력해야 합니다. 위는 일반적인 표준 내보내기 크기 목록입니다.

실제 변환 시 웹사이트 개발 요구 사항에 따라 해당 크기를 선택하여 SVG를 하나씩 내보낸 후 웹사이트 구성에 통합할 수 있습니다. 구체적인 사양은 해당 플랫폼의 개발 문서를 참조하십시오.

투명 배경이 있는 SVG를 JPG 형식으로 내보내야 하는 경우, JPG 자체가 알파 채널을 지원하지 않으므로 모든 투명 영역은 지정된 색상으로 자동 채워진다는 점을 유의하십시오.

일반적인 사용 시나리오에서는 대부분의 문서 및 웹페이지 배경에 적응하도록 흰색을 기본 채우기 색상으로 선택할 수 있습니다. JPG가 어두운 배경에 배치되는 경우 흰색 테두리가 표시되는 것을 방지하기 위해 해당 어두운 색을 기본 채우기로 선택할 수 있습니다.