브랜드 로고를 BIMI 호환 SVG로 변환하기: 기술 사양 설명

BIMI를 통해 이메일 받은 편지함에 브랜드 로고를 표시하려면 로고가 매우 구체적인 SVG 형식이어야 합니다: SVG Tiny 1.2, 더 세분화된 SVG 휴대용/보안(SVG P/S)입니다. 이 형식은 표준 SVG Tiny 1.2보다 더 엄격하여 규정을 완벽하게 준수하려면 수작업으로 조정해야 합니다. 이러한 단계를 거치지 않으면 브라우저에서 정상적으로 보이더라도 로고가 표시되지 않을 수 있습니다.

• 벡터 파일로 시작하기: 실제 벡터 파일(.ai, .eps, .pdf 또는 .svg)을 사용합니다. 래스터 형식(PNG, JPEG)은 벡터로 직접 변환할 수 없으므로 피하세요.
• Adobe Illustrator에서 엽니다: 일러스트레이터에서 벡터 로고를 열고 최상의 호환성을 위해 단일 레이어 정사각형 이미지인지 확인하세요.
• SVG Tiny 1.2로 내보내기: 파일 > 다른 이름으로 저장 > SVG(SVGZ 아님)로 이동합니다. SVG 옵션에서 프로필로 'SVG Tiny 1.2'를 선택합니다. 파일 이름을 공백이나 특수 문자 없이 모두 소문자로 지정합니다(예: brand-logo-bimi.svg).
• BIMI 규정을 준수하도록 SVG를 편집합니다: 코드/텍스트 편집기에서 SVG 파일을 엽니다. <svg> 태그에서 baseProfile 속성을 "tiny"에서 "tiny-ps"로 변경합니다. <svg> 태그에서 x= 또는 y= 속성을 모두 제거합니다. 접근성을 위해 <title> 요소(최대 65자)와 (선택 사항) <desc> 요소를 추가합니다.
• 허용되지 않는 요소를 확인합니다: SVG에 스크립트, 애니메이션, 외부 링크 또는 임베드된 래스터 이미지가 포함되어 있지 않은지 확인합니다. 배경은 투명하지 않고 단색이어야 합니다.
• 파일 크기 최적화: SVG 파일은 32KB를 초과하지 않아야 합니다. 불필요한 메타데이터나 코드 부피를 제거합니다.
• SVG 유효성 검사: 온라인 BIMI 또는 SVG 유효성 검사기를 사용하여 규정 준수 여부를 확인합니다. 브라우저 또는 코드 편집기에서 SVG를 열어 비트맵 참조가 없는지 확인합니다(base64 PNG 데이터로 "img/" 또는 "xlink:href"를 검색).
• 안전하게 호스팅하기: BIMI 요구 사항을 충족하기 위해 HTTPS 지원 서버에 SVG를 업로드합니다.

• 잘못된 SVG 프로필: 많은 도구가 표준 SVG 또는 SVG Tiny 1.2를 내보내지만 SVG P/S 규정을 준수하려면 수동으로 편집해야 합니다.
• x/y 속성: 일러스트레이터는 기본적으로 x= 및 y=를 추가합니다. BIMI에서는 이를 제거하세요.
• 제목 태그가 누락되었습니다: 접근성 및 규정 준수를 위해 항상 <제목>을 추가하세요.
• 임베디드 비트맵: SVG가 100% 벡터인지, PNG 또는 JPEG 참조가 없는지 확인하세요.
• 크기가 큰 파일: 추가 코드를 제거하고 경로를 최적화하여 32KB 미만으로 유지하세요.