BIMI用SVGロゴのフォーマット方法
厳格なBIMI要件は、十分に準備されたSVGロゴのみが正しく表示されることを意味する。安全でないファイルや非準拠のファイルは検証に失敗し、時間のコストとブランドの可視性を低下させる。
BIMIにおけるSVGロゴの要件
SVGタイニーポータブル/セキュアフォーマット
- 正しいフォーマットを使用してください：ロゴはSVG Tiny PS (Portable/Secure) フォーマットで保存してください。ほとんどのデザインツールは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に
<script>、<image>、<animate>、外部ファイル参照などの禁止要素が含まれていないことを確認する。
検証と最適化
- BIMI SVG Validatorsでテストする：BIMI Group Validatorのようなオンラインツールを使って、SVGファイルのエラーを特定し、修正する。
- SVGファイルの最適化：不要なメタデータを削除し、SVGOMGやSVGOなどのツールを使ってSVGを圧縮し、ファイルサイズを小さくする。
- 安全にアップロード：検証され最適化されたSVGファイルを、適切な参照のためにBIMI DNSレコードと同じドメイン上でHTTPS経由でホストします。
SVGフォーマット処理を高速化する方法
- キックオフ・ワークショップ利害関係者を調整し、デザインと技術要件を明確にします。
- テンプレートとランブック既製のSVGタイニーPSテンプレートとステップバイステップの編集ガイドを提供します。
- ハンズオン・サポートDNS の設定、SVG ロゴのコンプライアンス、認証局との連絡を管理し、認証を成功に導きます。
- 立ち上げ後のモニタリング継続的なトラブルシューティングと BIMI コンプライアンスチェックを提供し、ロゴの可視性を維持します。