إنشاء ملف 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. اختَر File (ملف) > Save As… (حفظ باسم).
3. في نافذة الحفظ باسم:
   • أدخِل اسم الملف في الحقل حفظ باسم. ننصحك باستخدام أحرف صغيرة وشرطات فقط، مثل mybrand-bimi.svg. لا تستخدِم رموزًا خاصة.
   • بجانب Format (التنسيق)، اختَر SVG (svg). يجب عدم اختيار SVG Compressed (svgz).
4. انقر على الزر Save (حفظ).
5. في نافذة خيارات SVG:
   • بجانب SVG Profiles (ملفات SVG الشخصية)، اختَر SVG Tiny 1.2 (ملف SVG صغير 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 والعلامات والشعارات ذات الصلة هي علامات تجارية (TM) تابعة لشركة Google LLC. وجميع أسماء الشركات والمنتجات الأخرى هي علامات تجارية (TM) تملكها الشركات ذات الصلة بها.