BIMI SVG 로고를 만드는 방법

BIMI 로고는 SVG Tiny-PS로 알려진 SVG Tiny Portable/Secure 프로필의 일반 벡터 파일이어야 합니다. 정사각형이어야 하고, 단색 배경색을 사용해야 하며, 브랜드 이름이 포함된 제목 요소를 포함해야 하며, 스크립트, 애니메이션, 외부 참조가 포함되어서는 안 됩니다. 디자인 도구에서 내보낸 일반 SVG는 일반적으로 프로필에서 금지하는 기능을 포함하기 때문에 통과하지 못합니다. 호스팅하기 전에 허용된 하위 집합으로 변환하고 제거합니다.

SVG Tiny-PS가 허용하는 것

SVG Tiny-PS는 이전 SVG Tiny 1.2 사양의 보안이 강화된 부분입니다. 정적 벡터 모양, 경로, 채우기 및 기본 변환을 허용합니다. 받은 편지함은 파일을 직접 렌더링하고 동적 콘텐츠를 신뢰할 수 없기 때문에 코드를 실행하거나 외부 데이터를 가져올 수 있는 모든 것을 제거합니다. 그 결과 모든 지원 고객이 동일한 방식으로 그리는 작고 안전하며 독립적인 이미지가 탄생합니다.

파일이 충족해야 하는 요구 사항

• 받은편지함이 원형이나 정사각형으로 잘리므로 정사각형 viewBox 및 크기(예: 1:1 가로세로 비율)
• 투명함이 아닌 단색 배경 채우기로 모든 받은 편지함 테마에서 로고가 깔끔하게 읽힙니다.
• 루트의 첫 번째 하위 요소인 단일 <title> 요소는 브랜드 이름을 보유합니다.
• Tiny-ps 및 올바른 SVG 버전 속성으로 설정된 baseProfile.
• <script>, <a> 링크, 애니메이션 요소, 외부 파일을 참조하는 필터나 CSS가 없습니다.
• 외부 참조 없음: 윤곽선으로 변환된 글꼴 및 연결되거나 포함된 래스터 이미지가 없습니다.

규정을 준수하는 로고를 구축하는 단계

1. 1

   1. 깔끔한 벡터아트부터 시작하세요

   단색 배경의 정사각형 버전 로고를 사용하세요. 글꼴 종속성이 남아 있지 않도록 모든 텍스트를 윤곽선으로 변환합니다.

2. 2

   2. 일반 SVG로 내보내기

   편집기 메타데이터 없이 내보낸 다음 코드에서 스크립트, 애니메이션, 필터 및 외부 링크를 제거합니다.

3. 3

   3. 프로필 마커 추가

   baseProfile을tiny-ps로 설정하고 버전 속성을 설정한 다음 브랜드 이름이 포함된 <title> 요소를 첫 번째 하위 요소로 추가하세요.

4. 4

   4. 검증 및 최소화

   Tiny-PS 유효성 검사기를 통해 파일을 실행하고, 플래그가 지정된 모든 항목을 수정하고, 받은 편지함에서 빠르게 가져올 수 있도록 파일 크기를 작게 유지하세요.

예제 루트 요소

EmailAuth 로 변환 및 확인

EmailAuth 기존 로고를 가져오고, 금지된 기능을 제거하고, 프로필 마커를 추가하고, 게시하기 전에 남은 위반 사항을 보고하는 SVG Tiny-PS 변환기 및 유효성 검사기가 포함되어 있습니다. 파일이 통과되면 EmailAuth DMARC 및 MTA-STS 레코드와 함께 CNAME 위임을 통해 BIMI 레코드를 호스팅할 수 있습니다. 로고는 하나의 조각이라는 점을 기억하세요. 도메인이 DMARC 시행에 도달한 후에만 표시되며, 이는 무료 도메인 스캔을 통해 확인할 수 있습니다.

자주 묻는 질문