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