יצירת קובץ 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 צריך להיות 32KB או פחות.
   7. קובץ ה-SVG צריך לכלול את האלמנט <desc> (תיאור) לצורכי נגישות.
   8. קובץ ה-SVG לא יכול לכלול: קובצי מפת סיביות (bitmap), קישורים לקבצים אחרים, טקסט או אובייקטים בקבוצה. כדי להפוך את הטקסט בקובץ לאובייקט, משתמשים בתכונה Create outlines (יצירת קווי מתאר) ב-Illustrator.
2. לוחצים על File > Save As…‎ (קובץ > שמירה בשם…).
3. בחלון שמירה בשם:
   • מזינים את שם הקובץ בשדה שמירה בשם. מומלץ להשתמש רק באותיות קטנות ובמקפים, לדוגמה mybrand-bimi.svg. אל תשתמשו בתווים מיוחדים.
   • לצד Format (פורמט), בוחרים באפשרות SVG (svg). אל תבחרו באפשרות SVG Compressed (svgz).
4. לוחצים על הלחצן שמירה.
5. בחלון SVG Options (אפשרויות SVG):
   • לצד SVG Profiles (פרופילים של SVG), בוחרים באפשרות SVG Tiny 1.2.
   • לצד Image Location (מיקום התמונה), בוחרים באפשרות Preserve (שימור).
6. לוחצים על כפתור האישור כדי לסיים את שמירת הקובץ.

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. כל שמות החברות והמוצרים האחרים הם סימנים מסחריים של החברות שאליהן הם משויכים.