تحويل شعار علامتك التجارية إلى SVG متوافق مع BIMI: شرح المواصفات الفنية
لماذا تتطلب BIMI تنسيق SVG خاصًا
لعرض شعار علامتك التجارية في صناديق البريد الإلكتروني عبر BIMI، يجب أن يكون شعارك بتنسيق SVG محدد للغاية: تنسيق SVG Tiny 1.2 الصغير، الذي تم تنقيحه أكثر باسم SVG Portable/Secure (SVG P/S). هذا التنسيق أكثر صرامة من تنسيق SVG Tiny 1.2 القياسي SVG Tiny 1.2، مما يتطلب تعديلات يدوية للتوافق الكامل. بدون هذه الخطوات، قد لا يتم عرض شعارك - حتى لو بدا جيداً في المتصفح.
الدليل التفصيلي لتحويل شعارك خطوة بخطوة
- ابدأ بملف متجه: استخدم ملف متجه حقيقي (.ai أو .eps أو .pdf أو .svg). تجنب التنسيقات النقطية (PNG، JPEG) حيث لا يمكن تحويلها مباشرة إلى متجه.
- افتح في Adobe Illustrator: افتح شعارك المتجه في Illustrator وتأكد من أنه صورة مربعة من طبقة واحدة للحصول على أفضل توافق.
- التصدير بصيغة SVG Tiny 1.2: انتقل إلى ملف > حفظ باسم > SVG (وليس SVGZ). في خيارات SVG، اختر "SVG Tiny 1.2 صغير SVG 1.2" كملف تعريف. قم بتسمية ملفك بكل الأحرف الصغيرة، بدون مسافات أو أحرف خاصة (على سبيل المثال، brand-logo-bimi.svg).
- قم بتحرير SVG للتوافق مع BIMI: افتح ملف SVG في محرر كود/ نص. قم بتغيير سمة
baseProfileمن "صغير" إلى "صغير-بص" في علامة<svg>. قم بإزالة أي سماتx=أوy=من علامة<svg>. أضف عنصر<title>(بحد أقصى 65 حرفًا) وعنصر<desc>(اختياري) لإمكانية الوصول. - تحقق من العناصر غير المسموح بها: تأكد من عدم احتواء SVG على نصوص برمجية أو رسوم متحركة أو روابط خارجية أو صور نقطية مضمنة. يجب أن تكون الخلفية بلون خالص وليس شفافًا.
- تحسين حجم الملف: يجب ألا يتجاوز حجم ملف SVG 32 كيلو بايت. قم بإزالة البيانات الوصفية غير الضرورية أو التعليمات البرمجية المتضخمة.
- التحقق من صحة SVG الخاص بك: استخدم أدوات التحقق من صحة BIMI أو SVG عبر الإنترنت للتحقق من التوافق. افتح ملف SVG في متصفح أو محرر التعليمات البرمجية للتأكد من عدم وجود مراجع للصورة النقطية (ابحث عن "img/" أو "xlink:href" مع بيانات PNG base64).
- الاستضافة بأمان: قم بتحميل SVG إلى خادم يدعم HTTPS لتلبية متطلبات BIMI.
المزالق الشائعة وكيفية تجنبها
- ملف تعريف SVG غير صحيح: تقوم العديد من الأدوات بتصدير SVG القياسي أو SVG Tiny 1.2 SVG، ولكن يجب عليك التعديل يدويًا للتوافق مع SVG P/S.
- سمات x/y: يضيف Illustrator x= و y= افتراضيًا - قم بإزالتها من أجل BIMI.
- علامة عنوان مفقودة: أضف دائمًا <title> لإمكانية الوصول والتوافق.
- الصور النقطية المضمنة: تأكد من أن SVG الخاص بك متجه بنسبة 100% - لا توجد مراجع PNG أو JPEG.
- الملفات كبيرة الحجم: حافظ على أقل من 32 كيلوبايت عن طريق إزالة التعليمات البرمجية الإضافية وتحسين المسارات.
قائمة المراجعة النهائية لتصاميم SVG المتوافقة مع BIMI
نص بيمي
- شعار متجه ومربع الشكل: تأكد من أن شعارك متجه حقيقي وله نسبة عرض إلى ارتفاع مربعة.
- ملف تعريف SVG Tiny 1.2 صغير الحجم، تم تحريره إلى SVG P/S: قم بالتصدير ك SVG Tiny 1.2، ثم قم بتحرير
baseProfile="tiny-ps"في علامة<svg>. - لا توجد سمات x= أو y= في <svg>: قم بإزالة أي سمات
x=أوy=من علامة<svg>. - علامة <title> موجودة: قم بتضمين علامة
<title>(بحد أقصى 65 حرفًا) لإمكانية الوصول والتوافق. - لا توجد نصوص برمجية أو رسوم متحركة أو روابط خارجية: يجب ألا يحتوي SVG على أي نصوص برمجية أو رسوم متحركة أو روابط موارد خارجية.
- لا توجد صور نقطية مضمنة: تأكد من أن SVG متجه بنسبة 100% مع عدم وجود صور PNG أو JPEG مضمنة.
- لون خلفية ثابت: استخدم لون خلفية ثابت بدلاً من الشفافية لعرض موثوق به.
- حجم الملف ≤ 32 كيلو بايت: قم بتحسين SVG الخاص بك للحفاظ على حجم الملف عند 32 كيلو بايت أو أقل.
- مستضاف على HTTPS: قم بتحميل SVG إلى خادم آمن وممكّن ل HTTPS.
هل تحتاج إلى مساعدة في تحويل شعارك إلى BIMI؟
استكشف الأسئلة الشائعة حول SVG Tiny 1.2: ما الذي يحتاج مديرو التسويق إلى معرفته لمزيد من التفاصيل حول تنسيق شعار BIMI.
التوافق مع SVG P/S: قم بتحرير ملف SVG Tiny 1.2 الصغير SVG 1.2 الخاص بك لتلبية متطلبات BIMI الأكثر صرامة.
ممنوع الصور النقطية أو البرامج النصية: يُسمح فقط بالرسومات المتجهة النقية.
علامة العنوان و HTTPS: قم دائمًا بإضافة علامة عنوان واستضافة بشكل آمن لعرض صندوق الوارد في BIMI.