Scale customer reach and grow sales with AskHandle chatbot
Last updated:November 15, 2024

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

  1. Open Adobe Illustrator and create a new document or load your existing logo.
  2. Ensure the logo fits within a square canvas. Resize or adjust it if necessary.
  3. Simplify the design by removing unnecessary effects or layers for better compatibility.

Step 2: Export the Logo as an SVG

  1. Save the finalized logo by selecting File > Export > Export As.
  2. Choose SVG as the file format.
  3. Use the following export settings:
    • SVG Profiles: Tiny 1.2
    • Font: Convert to Outlines
    • Decimals: 2
    • Styling: Inline Style
  4. 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:

  1. Added a <title> Element:
    The <title> tag describes the logo, improving accessibility:

    Xml
  2. Corrected xml:space Attribute:
    Ensured the attribute is set to preserve for proper XML compliance:

    Xml
  3. Removed Unnecessary Metadata:
    Removed redundant attributes like overflow and comments that are irrelevant for BIMI compliance.

  4. Simplified the ID Attribute:
    Updated the id attribute to a more descriptive value like logo.

  5. 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

  1. Log in to your DNS management system (e.g., AWS Route 53, Cloudflare).
  2. Create a new TXT record:
    • Name: default._bimi.example.com
    • Value:
      Without Verified Mark Certificate (VMC):
      Markup
      With VMC:
      Markup

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.

Was this article helpful?
Have more questions? Contact us