How to Generate a BIMI-Compliant Logo with Adobe Illustrator?
Brand Indicators for Message Identification (BIMI) allows your logo to be displayed in email clients, helping to build trust and brand recognition. This guide explains how to create a BIMI-compliant logo using Adobe Illustrator and make the required changes to the SVG file.
Step 1: Create or Open Your Logo in Adobe Illustrator
- Open Adobe Illustrator and create a new document or load your existing logo.
- Ensure the logo fits within a square canvas. Resize or adjust it if necessary.
- Simplify the design by removing unnecessary effects or layers for better compatibility.
Step 2: Export the Logo as an SVG
- Save the finalized logo by selecting File > Export > Export As.
- Choose SVG as the file format.
- Use the following export settings:
- SVG Profiles: Tiny 1.2
- Font: Convert to Outlines
- Decimals: 2
- Styling: Inline Style
- Save the file to generate the initial SVG version.
Step 3: Adjust the SVG for BIMI Standards
After exporting the SVG file, it needs adjustments to meet BIMI standards. Open the file in a text editor and follow these steps.
Example of Logo Code: Before and After
Before Adjustments:
Xml
After Adjustments:
Xml
Changes Made:
-
Added a
<title>
Element:
The<title>
tag describes the logo, improving accessibility:Xml -
Corrected
xml:space
Attribute:
Ensured the attribute is set topreserve
for proper XML compliance:Xml -
Removed Unnecessary Metadata:
Removed redundant attributes likeoverflow
and comments that are irrelevant for BIMI compliance. -
Simplified the ID Attribute:
Updated theid
attribute to a more descriptive value likelogo
. -
Validation:
Validated the updated SVG using tools to ensure it meets BIMI standards.
Step 4: Host the SVG on a Secure Server
Save the updated SVG file and host it on a secure HTTPS server. For example:
Markup
Step 5: Update Your DNS Record
- Log in to your DNS management system (e.g., AWS Route 53, Cloudflare).
- Create a new TXT record:
- Name:
default._bimi.example.com
- Value:
Without Verified Mark Certificate (VMC):
With VMC:MarkupMarkup
- Name:
How to Get a Verified Mark Certificate (VMC) for BIMI Compliance?
Step 6: Validate Your BIMI Record
Use tools like BIMI Group’s Generator to verify your setup. Confirm that:
- The DNS record is correct.
- The SVG is compliant with BIMI standards.
This step-by-step guide ensures your BIMI logo is created, adjusted, and implemented correctly.