How to use SVG graphics to make a BIMI-compatible logo
When utilizing BIMI, you must guarantee that your logo is hosted online. Only once your logo complies with certain requirements will it start appearing next to your email messages and function properly. Jpeg, png, and gif files will not function with BIMI. Change the format of your logo to SVG (Scalable Vector Graphics).
Brand Indicators for Message Identification or BIMI is a new standard that allows organizations and enterprises to showcase their brand emblem alongside their email message in the inbox of a consumer or client. This not only raises brand awareness but also improves email deliverability by preventing fraudulent emails from reaching any recipients’ mailbox.
BIMI is a critical protocol that builds confidence and improves the subscriber experience, which is something all businesses strive for at every level of their email program. In an email inbox, BIMI aids recipients in recognizing a brand right away. This increases client trust in the company and its email messages.
BIMI is based on the DMARC protocol. If BIMI is to be used, the domains in question must first be authenticated by DMARC to ensure that the email is legitimate before the brand’s logo is shown next to it. BIMI contributes to the brand’s value by using the company’s DMARC investment from a visibility and cybersecurity standpoint.
To convert your brand logo to SVG, there are a few things you’ll need to keep in mind:
The logo should be square so that proper fitting is ensured
It must be in SVG Tiny Portable/Secure format
It must have a solid background so that brand guidelines are not impacted by different display environments
The BIMI logo must be published on a domain with an SSL Certificate (via HTTPS)
The logo must be vector-based
The SVG file should be compact and cannot exceed 32KB
Steps to convert your logo to SVG
1.Open your vector-based file in Adobe Illustrator.
2. Click ‘File > Save As’, following which the ‘Save As’ dialog box appears.
3. In the ‘Save As’ dialog box, provide the name for your file. From the ‘Format’ dropdown, select ‘SVG (svg)’, and then click on ‘Save’. This will bring up another dialog box.
4. From the ‘SVG Profile’ dropdown, select ‘SVG Tiny 1.2’. From the ‘Image Location’ drop-down list, select ‘Preserve’ and click on ‘OK’.
5. Open the SVG file that you just created in a code/text editor. There are a number of free tools that you can use like:
CodePen (no sign up necessary)
If no code editor is available, you can use standard available software like TextEdit for Mac and Notepad for Windows.
6. In the code editor, make the following changes to the file:
A. If your image contains x/y attributes, remove them.
B. Change the base profile from ‘tiny’ to ‘tiny-ps’.
C. Add a title. This must not be more than 64 characters.
D. Save the modified SVG file. It will look something like this:
E. Upload the SVG file to the server for which the BIMI record is configured.
You have successfully converted your logo into SVG format. It is now ready for BIMI implementation. To learn more about Email Authentication log on to EmailAuth.
