この記事では、メッセージ識別用ブランドインジケーター(BIMI)の準備をするために必要な最初のステップについて詳しく説明します:ロゴをSVG形式にする方法です。

ロゴの準備:SVGの作成

VMCを取得するための準備、および一般的なBIMI準備のためには、ロゴはスケーラブル・ベクター・グラフィック(SVG)形式でなければなりません。しかし、ここで難点があります:SVG といっても SVG Portable/Secure (SVG-P/S) プロファイルに準拠しなければならず、現在の Adobe Illustrator のようなベクターアプリケーション用のエクスポートテンプレートはありません。つまり、以下のベストプラクティスを参照して作成する必要があるということです。

オプション1: BIMI 作業グループのグラフィック変換ツールを使う

BIMIワーキンググループでは、ロゴをSVG-P/Sとしてフォーマットするのに役立つグラフィック変換ツールをリリースしました。

彼らのツールには、最近のブログで触れた通り、以下のようなものがあります。

  • スタンドアローンGUIツール - Windows 10: SVG Tiny 1.2ファイルをSVG P/S形式に変換するためのGUIインターフェースを提供するWindows 10用のスタンドアローンアプリケーションです。
  • スタンドアロンGUIツール - MacOS: SVG Tiny 1.2ファイルをSVG P/S形式に変換するためのGUIインターフェースを提供するMacOS用のスタンドアローンアプリケーションです。
  • Adobe Illustrator 書き出しスクリプト:Adobe Illustrator(Windows または MacOS)に追加できるスクリプトで、開いている SVG Tiny 1.2 ファイルを SVG P/S 形式に変換する機能を提供しています。

オプション2:Adobe Illustratorで変換する

ステップ1: ピクセルをベクトル形式に変換する ('.ai', '.eps', '.pdf', '.svg')

多くの企業では、Photoshopなどのデザインソフトで作成されたロゴがピクセルで構成されています。このままではうまくいきません。その代わりに、まずロゴをベクター形式に変換する必要があります。

多くのブランドロゴは、フォントやラインアートを使用して簡単に変換可能なワードマークを使用しています。しかし、複雑なアートを扱う組織によっては、ベクター互換性のあるデザインにするため時間をかけて作り直す必要があるかもしれません。

ステップ2:SVG Tiny 1.2としてエクスポート

ベクター形式でロゴを作成したら、SVG Tiny 1.2 プロファイルとしてエクスポートすることから始める必要があります。Adobe Illustrator®では、「別名で保存」ダイアログから行うことができます。

  1. 画像がベクターベース('.ai', '.eps', '.pdf', '.svg')であることを再確認ください。
  2. Adobe Illustratorでファイルを開きます。
  3. ファイルを保存するには、"別名で保存"オプションを使用します。
  4. ダイアログボックスが開いたら、ファイルに名前を付け、ドロップダウンの"フォーマット"から"SVG(svg)"を選択します。
  5. 「保存」をクリックして、新しいダイアログボックスが開くのを待ちます。
  6. ."SVGプロファイル"ドロップダウンで"Tiny 1.2"を選択し、"OK"をクリックします。

1

2

3

ステップ3: 使い慣れたテキストエディタを開く

次に、SVG ファイルをテキストエディタ(メモ帳やNotepad++など)か、Vim や Nano などのコードエディタで開く必要があります。SVGファイルはテキストファイルなので、拡張子が「.svg」の「txt」形式で開いて編集して再保存できるのが一番のポイントです。

ファイルを開いた後、いくつかの編集が必要です。

  1. SVG ファイルのソース上で、ヘッダーに以下の設定が表示されていることを確認してください。

    xmlns=http://www.w3.org/2000/svg, version="1.2, baseProfile="tiny-ps"

    以下のサンプルのようにファイルの先頭に他の情報があるかもしれませんが、これらは必ず存在しなければなりません。

    例えば、このような文字列が表示されることがあります。

    <svg version="1.2" baseprofile="tiny-ps" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 1080 1080" xml:space="preserve">

    4

  2. 次に、title要素を追加します。この欄に会社名を入れてください。

    5

  3. SVG拡張子を持つテキスト形式でファイルを再保存します。

以上です。

より良い表示のためのヒント

画像は正方形のアスペクト比(1:1)が最適です。
画像は、正方形、丸みを帯びた正方形、または円で最適に表示されるように中央に配置する必要があります。
透明になるレンダリングは予測できないことがあるので、透明でない背景がベストです。
ロゴがどのように表示されるかは、下記の例の画像を参照してください。

678

UP NEXT

特集記事

blog-card-images

IDCの新しい調査で、エンタープライズセキュリティへのPKI 利用の増加傾向が明らかに

米国科学アカデミーによるレポート:量子コンピューティングに関するDigiCertの見解