BIMI용 SVG 로고 포맷 지정 방법
엄격한 BIMI 요건은 잘 준비된 SVG 로고만 올바르게 표시된다는 것을 의미하며, 안전하지 않거나 규정을 준수하지 않는 파일은 유효성 검사에 실패하여 시간이 낭비되고 브랜드 가시성이 떨어집니다.
BIMI용 SVG 로고 요구 사항
SVG 소형 휴대용/보안 포맷
- 올바른 형식을 사용하세요: 로고를 SVG Tiny PS(휴대용/보안) 형식으로 저장합니다. 대부분의 디자인 도구는 SVG Tiny 1.2를 내보내지만 완전한 PS 규정을 준수하려면 수동 편집이 필요합니다.
- baseProfile 속성을 설정합니다: 적절한 규정을 준수하려면 SVG 헤더의
baseProfile속성을 "tiny-ps"로 업데이트하세요.
정사각형 크기 및 파일 크기
- 가로 세로 비율 및 크기 유지: 안정적인 받은 편지함 렌더링을 위해 로고의 가로 세로 비율이 1:1(정사각형)이고 크기가 32KB 미만인지 확인하세요.
- 로고 파일 최적화: SVG 편집 또는 압축 도구를 사용하여 품질과 규정 준수를 유지하면서 파일 크기를 줄입니다.
깔끔하고 심플한 디자인
- 지원되지 않는 기능을 사용하지 마세요: 그라데이션, 투명도, 애니메이션, 임베디드 비트맵 이미지, 외부 링크 또는 스크립트는 허용되지 않으며 디스플레이 문제를 일으킬 수 있으므로 사용하지 마세요.
- 일관성을 위한 디자인: 단색 배경색을 사용하고 로고를 중앙에 배치하여 여러 이메일 클라이언트에서 원형 또는 정사각형 프레임 안에 일관성 있게 표시되도록 하세요.
단계별: BIMI 호환 SVG 로고 준비하기
일러스트레이터 등으로 내보내기
- 로고 만들기 또는 수정하기: Adobe Illustrator 또는 이와 유사한 소프트웨어를 사용하여 로고를 만들거나 수정합니다.
- SVG Tiny 1.2로 내보내기: 이미지 위치에 대해 '보존' 옵션을 활성화하여 로고를 SVG Tiny 1.2 형식으로 내보냅니다.
- 간단한 파일 이름 사용: 공백, 대문자 또는 특수 문자를 사용하지 않고 짧고 간단한 이름으로 파일을 저장합니다.
수동 코드 조정
- SVG 파일 편집: 텍스트 편집기에서 SVG 파일을 열어 수동으로 조정합니다.
- baseProfile 속성 업데이트:
baseProfile값을 "tiny"에서 "tiny-ps"로 변경하고<svg>태그에서x및y속성을 모두 제거합니다. - 제목 요소 추가:
<svg>태그 바로 아래에 65자 미만의<title>요소를 삽입합니다. - 지원되지 않는 요소를 확인합니다: SVG에
<스크립트>,<이미지>,<애니메이션>또는 외부 파일 참조와 같은 금지된 요소가 포함되어 있지 않은지 확인합니다.
유효성 검사 및 최적화
- BIMI SVG 유효성 검사기로 테스트하세요: BIMI 그룹 검사기와 같은 온라인 도구를 사용하여 SVG 파일의 오류를 식별하고 수정하세요.
- SVG파일 최적화: 불필요한 메타데이터를 제거하고 SVGOMG 또는 SVGO와 같은 도구를 사용하여 SVG를 압축하여 파일 크기를 줄입니다.
- 안전하게 업로드: 검증되고 최적화된 SVG 파일을 적절한 참조를 위해 BIMI DNS 레코드와 동일한 도메인에서 HTTPS를 통해 호스팅하세요.
SVG 포맷 프로세스를 가속화하는 방법
- 킥오프 워크숍: 이해관계자를 조율하고 디자인 및 기술 요구 사항을 명확히 합니다.
- 템플릿 및 런북: 미리 만들어진 SVG Tiny PS 템플릿과 단계별 편집 가이드를 제공합니다.
- 실습 지원: 성공적인 인증을 위해 DNS 구성, SVG 로고 규정 준수 및 인증 기관 연락을 관리합니다.
- 출시 후 모니터링: 로고 가시성을 유지하기 위해 지속적인 문제 해결 및 BIMI 규정 준수 확인을 제공합니다.