This page describes how to create a BIMI SVG file, so that you can add your logo to email messages with BIMI .
Currently, there are no applications to create an SVG file that meets all BIMI requirements. SVG files for BIMI typically need to be modified manually using a text editor, or with a special-purpose script. Learn about recommended tools for creating a BIMI SVG file .
You can use Adobe Illustrator to create an SVG file, then make some minor changes with a text editor. When creating your SVG file, make sure you follow SVG file requirements and recommendations .
- Open your source vector image in Illustrator. Make sure the file image meets these requirements and recommendations for Gmail BIMI images (which are in addition to BIMI standard requirements):
- সর্বনিম্ন উচ্চতা ও প্রস্থ ৯৬ পিক্সেল।
- Image size must be specified in absolute pixels. Example: width="96" height="96"
- Don't use relative dimensions to specify image size. Example: width="100%" height="100%"
- লোগোর ছবিটি একটি বর্গক্ষেত্রের কেন্দ্রে থাকতে হবে।
- The logo image should appear on a solid color background. Transparent backgrounds might not display as expected.
- SVG file size should be 32 KB or smaller.
- SVG file should include the
<desc>element (description) for accessibility. - SVG file shouldn't include: Bitmaps, links to other files, text, or grouped objects. To keep text in the file as an object, use Illustrator's Create outlines feature.
- ফাইল নির্বাচন করুন > এভাবে সংরক্ষণ করুন…
- সেভ অ্যাজ উইন্ডোতে:
- Enter the filename in the Save As field. We recommend using only lowercase letters and dashes, for example mybrand-bimi.svg. Don't use special characters.
- Next to Format , select SVG (svg) . Don't select SVG Compressed (svgz) .
- সেভ বাটনে ক্লিক করুন।
- In the SVG Options window:
- Next to SVG Profiles , select SVG Tiny 1.2 .
- ইমেজ লোকেশন-এর পাশে থাকা প্রিজার্ভ নির্বাচন করুন।
- ফাইলটি সংরক্ষণ সম্পন্ন করতে ওকে (OK) বোতামে ক্লিক করুন।
Open the file in a text editor. You'll edit the first part of the file, which appears similar to this:
<?xml version="1.0" encoding="utf-8"?> <svg version="1.2" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="96px" y="96px" viewBox="0 0 742.23 828.45" overflow="visible" xml:space="preserve"> <g id="design">টেক্সট ফাইলের ৩ এবং ৪ নম্বর লাইন পরিবর্তন করুন:
- Make sure the
svg versionvalue is1.2. If it's not, change it to1.2. - Change the
baseProfilevalue totiny-ps. - Remove the
xandyattributes and values. - Add a
<title>tag and value as shown in the example in Step 8. The title must come after<svgand before<g>.
- Make sure the
After editing, verify that the first part of the file appears similar to this:
<?xml version="1.0" encoding="utf-8"?> <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="preserve"> <title>Solarmora Services</title> <g id="design">Save your changes to the text file. The file extension must be .svg.
পরবর্তী পদক্ষেপ
Next, get a VMC and associated PEM and certificate files .
গুগল, গুগল ওয়ার্কস্পেস এবং সংশ্লিষ্ট চিহ্ন ও লোগোসমূহ হলো গুগল এলএলসি (Google LLC)-এর ট্রেডমার্ক। অন্য সকল কোম্পানি ও পণ্যের নাম তাদের সংশ্লিষ্ট কোম্পানিগুলোর ট্রেডমার্ক।