إنشاء ملف SVG لمعيار BIMI (خطوات تفصيلية)

توضّح هذه الصفحة كيفية إنشاء ملف SVG لمعيار BIMI، حتى تتمكّن من إضافة شعارك إلى الرسائل الإلكترونية باستخدام معيار BIMI.

لا تتوفّر حاليًا أي تطبيقات لإنشاء ملف SVG يستوفي كل متطلبات معيار BIMI. ولذلك، تحتاج ملفات SVG لمعيار BIMI إلى التعديل يدويًا باستخدام محرِّر نصوص أو نص برمجي لغرض معيَّن. مزيد من المعلومات عن الأدوات المُقترحة لإنشاء ملف SVG لمعيار BIMI

يمكنك استخدام برنامج الرسومات Adobe Illustrator لإنشاء ملف SVG، ثم إجراء تغييرات طفيفة باستخدام محرِّر نصوص. عند إنشاء ملف SVG، احرِص على اتباع متطلبات ملف SVG واقتراحات إعداده.

1. افتح صورة المتّجه المصدر في برنامج الرسومات Illustrator. تأكَّد من استيفاء صورة الملف للمتطلبات والاقتراحات التالية لصور BIMI في Gmail (بالإضافة إلى متطلبات معيار BIMI):
   1. الحد الأدنى للارتفاع والعرض هو 96 بكسل.
   2. يجب تحديد حجم الصورة بالبكسل. مثال: width="96" height="96"
   3. لا تستخدِم أبعادًا نسبية لتحديد حجم الصورة. مثال: width="100%" height="100%"
   4. يجب أن تكون صورة الشعار في وسط مربّع.
   5. يجب أن تظهر صورة الشعار على خلفية بلون غير شفاف. قد لا تظهر الخلفيات الشفافة على النحو المتوقَّع.
   6. يجب أن يكون حجم ملف SVG ‏32 كيلوبايت أو أقل.
   7. يجب أن يتضمّن ملف SVG عنصر <desc> (الوصف) لتسهيل الاستخدام.
   8. يجب ألا يتضمّن ملف SVG ما يلي: صور نقطية أو روابط لملفات أخرى أو نصًا أو عناصر مُجمَّعة. للاحتفاظ بالنص في الملف كعنصر، استخدم ميزة Create outlines (إنشاء مخطط) في برنامج الرسومات Illustrator.
2. اختَر ملف > حفظ باسم…
3. في نافذة حفظ باسم:
   • أدخِل اسم الملف في الحقل حفظ باسم. ننصح بعدم استخدام إلا الأحرف الصغيرة والشرطات، مثل mybrand-bimi.svg. لا تستخدِم الرموز الخاصة.
   • بجانب التنسيق (Format)، اختَر ملف رسومات موجّهة يمكن تغيير حجمها (SVG) (svg). يجب عدم اختيار SVG Compressed (svgz).
4. انقر على الزر حفظ.
5. في نافذة خيارات SVG:
   • بجانب ملفات SVG الشخصية (SVG Profiles)، اختَر ملف SVG صغير 1.2 (SVG Tiny 1.2).
   • بجانب Image Location (موقع الصورة)، اختَر Preserve (احتفاظ).
6. انقر على الزر OK (حسنًا) للانتهاء من حفظ الملف.

7. افتح الملف في محرِّر نصوص. يجب تعديل الجزء الأول من الملف، الذي يبدو مماثلاً لما يلي:

   <?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">
   

8. غيِّر السطر 3 و4 في الملف النصي:

   • تأكَّد من أنّ قيمة svg version هي 1.2. إذا لم يكن كذلك، عليك تعديل القيمة إلى 1.2.
   • غيِّر قيمة baseProfile إلى tiny-ps.
   • أزِل السمتَين x وy والقيم المتوفّرة فيهما.
   • أضِف علامة <title> وقيمة كما هو موضح في المثال بالخطوة 8. يجب أن يكون العنوان بعد <svg وقبل <g>.

9. بعد التعديل، تأكَّد من أنّ الجزء الأول من الملف يبدو مماثلاً لما يلي:

   <?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">
   

10. احفَظ التغييرات في الملف النصي. يجب أن يكون امتداد الملف هو ‎ .svg.

الخطوات التالية

بعد ذلك، يمكنك الحصول على شهادة VMC وملفات PEM وملفات الشهادات المرتبطة بها.

إنّ Google وGoogle Workspace والعلامات والشعارات ذات الصلة هي علامات تجارية مسجَّلة مملوكة من قِبل شركة Google LLC. وجميع أسماء الشركات والمنتجات الأخرى هي علامات تجارية تملكها الشركات ذات الصلة بها.