ブランドロゴをBIMI準拠のSVGに変換：技術仕様の解説

あなたのブランドロゴをBIMI経由で電子メールの受信トレイに表示するには、あなたのロゴは非常に特殊なSVG形式でなければなりません：SVG Tiny 1.2、さらにSVG Portable/Secure (SVG P/S)として改良されています。このフォーマットは標準のSVG Tiny 1.2よりも厳しく、完全な準拠のためには手動での調整が必要です。これらの手順を踏まないと、ブラウザ上では問題なく見えても、ロゴが表示されないことがあります。

• ベクターファイルから始める：真のベクターファイル（.ai、.eps、.pdf、または.svg）を使用します。ラスター形式（PNG、JPEG）はベクターに直接変換できないので避けてください。
• Adobe Illustratorで開く：Illustratorでベクターロゴを開き、最高の互換性を得るために、1レイヤーの正方形の画像であることを確認してください。
• 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ファイルは32キロバイトを超えてはならない。不必要なメタデータやコードの肥大化は取り除くこと。
• SVGを検証する：オンラインのBIMIまたはSVGバリデータを使って準拠をチェックする。ブラウザやコードエディタでSVGを開き、ビットマップ参照がないことを確認する（base64のPNGデータで "img/"または "xlink:href "を検索する）。
• 安全にホストする：BIMI要件を満たすために、SVGをHTTPS対応サーバーにアップロードする。

• SVGプロファイルが正しくない：多くのツールは標準SVGまたはSVG Tiny 1.2をエクスポートしますが、SVG P/S準拠のために手動で編集する必要があります。
• x/y属性：Illustratorはデフォルトでx=とy=を追加します。
• タイトルタグがありません：アクセシビリティとコンプライアンスのために、常に<title>を追加してください。
• 埋め込みビットマップ：SVGが100%ベクターであることを確認してください。
• オーバーサイズのファイル：余分なコードを削除し、パスを最適化することで、32KB以下に抑えましょう。