要上傳到您網域公開網路伺服器的品牌標誌,必須是可擴充向量圖形 (SVG) 檔案。可擴充向量圖形是一種開放標準的向量圖片格式。
可擴充向量圖形檔案的規定與建議
BIMI 品牌標誌規定有助於確保您的品牌標誌能以不同的解析度顯示。這些規定也能保證讓您的標誌通過驗證和安全性檢查。
您寄出郵件的可擴充向量圖形檔案必須符合以下規定,收件者才能看到圖檔正確顯示於收信匣中:
- 格式:SVG 微型可攜/安全 (SVG 微型 PS) 格式,這是 SVG 的一個版本。
baseProfile
屬性:tiny-ps
version
屬性:1.2
<title>
元素:應反映貴機構的名稱。該標題值沒有嚴格規定。- 請勿加入:
- 除了指定的 XML 命名空間外,請勿加入外部連結或參照
- 指令碼、動畫或其他互動元素
<svg>
根元素中的x=
或y=
屬性
建議您遵循以下有關可擴充向量圖形檔案的其他指南,以便與支援 BIMI 的電子郵件用戶端相容:標誌應為:
- 位於正方形中心。
- 使用純色背景。透明背景可能無法如預期顯示。
- 像素為 96 x 96 以上Gmail 不支援尺寸較小的 SVG 檔案。
- 小型檔案。建議不要超過 32 KB。
- 加入無障礙功能的
<desc>
(說明) 元素。
步驟 1:建立品牌標誌的可擴充向量圖形檔案
目前還沒有任何工具可用來建立符合所有 BIMI 規定的可擴充向量圖形檔案。BIMI 的可擴充向量圖形檔案通常需要使用文字編輯器 (或有特定用途的指令碼) 手動修改。
進一步瞭解用於建立 BIMI 可擴充向量圖形檔案的推薦工具。
使用 Illustrator 和文字編輯器建立 BIMI 的可擴充向量圖形檔案
您可以透過 Adobe Illustrator 建立可擴充向量圖形檔案,然後使用文字編輯器進行部分微幅變更。建立可擴充向量圖形檔案時,請確實遵守可擴充向量圖形檔案規定和建議。
- 在 Illustrator 中開啟來源向量圖片。
- 確認向量圖片中不含點陣圖、導向其他檔案的連結、文字或分組的物件。如要將檔案中的文字以物件的形式保存,請使用 Illustrator 的建立外框功能。
- 依序選取 [File] > [Save As…]。
- 在「Save As」視窗中執行下列操作:
- 在 [Save As] 欄位中輸入檔案名稱。建議您僅使用小寫字母和連字號,例如 mybrand-bimi.svg。不要使用特殊字元。
- 選取「Format」旁邊的「SVG (svg)」。不要選取「SVG Compressed (svgz)」。
- 按一下 [Save] 按鈕。
- 在「SVG Options」視窗中執行下列操作:
- 選取「SVG Profiles」旁邊的「SVG Tiny 1.2」。
- 選取「Image Location」旁邊的「Preserve」。
- 按一下 [OK] 按鈕,完成檔案的儲存程序。
- 使用文字編輯器開啟檔案。接下來要編輯檔案的第一個部分,形式大致如下:
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.2" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 742.23 828.45" overflow="visible" xml:space="preserve">
<g id="design">
<g>
<!-- Generator: Adobe Illustrator 25.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.2" baseProfile="tiny-ps" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
overflow="visible" xml:space="<title>Solarmora Services</title>
<g id="design">
- 變更文字檔案的第 3 和第 4 行:
- 確認
svg version
的值為1.2
。如果不是的話,請將值改為1.2
。 - 將
base Profile
的值改為tiny-ps
。 - 移除
x
和y
屬性與值。 - 按照步驟 8 中的範例所示,新增
<title>
標記和值。標題必須位於<svg
之後和<g>
之前。
- 確認
- 編輯後,檢查檔案的第一個部分是否與以下範例類似:
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.2" baseProfile="tiny-ps" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
overflow="visible" xml:space="<title>Solarmora Services</title>
<g id="design">
- 將您對文字檔案所做的變更儲存下來。副檔名必須為 .svg。
接下來,請將可擴充向量圖形檔案上傳到貴機構網域的公開網路伺服器。
步驟 2:將可擴充向量圖形檔案上傳到貴機構的公開網路伺服器
請將可擴充向量圖形檔案上傳到貴機構的公開網路伺服器。
網路伺服器與外寄電子郵件伺服器必須位於相同的網域中。這個網域就是您啟用 BIMI 時所用的網域。相關步驟請參閱在網域供應商的網站新增 BIMI TXT 記錄。
複製可擴充向量圖形檔案的網址,之後會在 BIMI TXT 記錄中用到。
後續步驟
取得已驗證標記憑證 (VMC),或直接前往網域供應商的網站新增 BIMI TXT 記錄。如要在 Gmail 的收件匣顯示 BIMI 標誌,Gmail 會要求寄件者提供 VMC。
Google、Google Workspace 與相關符號和標誌均為 Google LLC 的商標。所有其他公司名稱和產品名稱則為相關公司的商標。