מדריך וויקס למתחילים · לוגו וזהות חזותית

לוגו, סמל וזהות חזותית — להרכיב פעם אחת ולהחיל על הכל

ארבעה רכיבים, כמה קבצים לשמור מראש, ומקום אחד בעורך שקובע איך נראה כל עמוד באתר.

8 דק׳ זמן קריאה · עודכן אוגוסט 2026

בקצרה

  • ארבעה רכיבים מרכיבים זהות חזותית: לוגו, מעט צבעים, גופן אחד וסמל לשונית (favicon).
  • שני מסלולים ללוגו: הכלי של Wix (Wix Logo Maker) או קובץ מוכן ממעצב שתעלה בעצמך.
  • שמור מראש גם גרסה על רקע שקוף (PNG) וגם גרסה מרובעת — הן חוזרות בגוגל, בוואטסאפ ועל חשבונית.
  • קבע צבעים וגופן פעם אחת בעורך, כדי שכל העמודים ייראו אותו דבר.
  • בדוק שהלוגו קריא בטלפון וגם על רקע כהה — הטעות הנפוצה היא לוגו עם רקע לבן על עמוד צבעוני.
תהליך יצירת לוגו והטמעתו באתר
תהליך יצירת לוגו והטמעתו באתר

לוגו עם שם עסק בעברית נשבר אחרת. שם ארוך מימין לשמאל מצטמצם עד שהוא לא קריא בטלפון, וגופן עברי חינמי לא תמיד מתנהג יפה עם מספרים או עם סימני פיסוק. זו לא בעיה עיצובית מופשטת — זו הסיבה שאותו לוגו נראה מצוין על המסך הגדול ואז מתפרק בפרופיל של גוגל, בתמונה הקטנה של הוואטסאפ העסקי, ובלשונית של הדפדפן. לכן לפני שנוגעים בעורך של Wix, כדאי להבין מה בכלל אנחנו מרכיבים.

ממה מורכבת זהות חזותית של עסק קטן

אנשים חושבים ש"מותג" זה משהו גדול ויקר. לעסק קטן זה הרבה יותר צנוע: ארבעה רכיבים שחוזרים על עצמם בכל מקום, וזה מה שגורם לעסק להיראות אותו דבר בין העמוד הראשי, דף יצירת הקשר וההודעה בוואטסאפ. הרכיבים הם: לוגו, כמה צבעים קבועים, גופן אחד, וסמל לשונית — התמונה הקטנטנה שמופיעה ליד שם האתר בלשונית הדפדפן, שנקראת favicon.

  • לוגו — הסימן והשם של העסק. זה הרכיב שחוזר הכי הרבה פעמים, ולכן הוא צריך לעבוד גם גדול וגם קטנטן.
  • מעט צבעים — שניים-שלושה מספיקים. צבע ראשי, צבע משני, וצבע להדגשות. יותר מזה, וכל עמוד מתחיל להיראות אחרת.
  • גופן אחד — גופן אחד לכל הטקסטים באתר. Wix מאפשר לקבוע אותו פעם אחת, וכל העמודים מתיישרים.
  • סמל לשונית (favicon) — התמונה הזעירה בלשונית הדפדפן. בדרך כלל זו גרסה מרובעת ומצומצמת של הלוגו.
בעברית פשוטה אם העסק עובד גם מול לקוחות דוברי אנגלית, בדוק שהגרסה הלטינית של השם יושבת באותו משקל כמו השם העברי ולא נראית כמו נספח קטן שהודבק למטה. שם עברי גדול עם שורת אנגלית זעירה מתחתיו — זו טעות שחוזרת אצל הרבה עסקים.

להכין לוגו — הכלי של Wix מול קובץ ממעצב

יש שני מסלולים, ושניהם לגיטימיים. במסלול הראשון אתה בונה את הלוגו בתוך הכלי של Wix (Wix Logo Maker) — עונה על כמה שאלות על שם העסק והתחום, והכלי מציע וריאציות שאפשר לערוך. במסלול השני מעצב מכין לך קובץ מוכן, ואתה רק מעלה אותו לאתר. ההבדל המעשי לעסק קטן הוא לא "איזה יפה יותר" — אלא אילו קבצים יש לך ביד בסוף, כי הקבצים האלה הם מה שחוזר בכל מקום.

בלי קשר למסלול, יש שתי גרסאות שאתה חייב לשמור מראש, כי אחר כך תחפש אותן ולא תמצא: גרסה על רקע שקוף (קובץ PNG) שיושבת נכון על כל צבע רקע, וגרסה מרובעת שמתאימה לתמונת פרופיל בגוגל, בפייסבוק ובוואטסאפ העסקי — כי כל אלה חותכים את התמונה לריבוע או לעיגול. אם שמרת רק גרסה מלבנית רחבה, השם נחתך בקצוות ברגע שמישהו מסתכל עליך בטלפון.

  • גרסה על רקע שקוף (PNG) — לראש האתר ולכל רקע צבעוני או כהה.
  • גרסה מרובעת — לתמונת פרופיל בגוגל, בפייסבוק ובוואטסאפ העסקי.
  • גרסה בקובץ וקטורי (SVG) אם המעצב סיפק — נשארת חדה בכל גודל, שימושית להדפסה ולחשבונית.
  • גרסת favicon מצומצמת — לסמל הלשונית בדפדפן.
זהירות אל תשמור את הלוגו רק כ-screenshot מהמסך. תמונת-מסך יוצאת מטושטשת ברגע שמגדילים אותה, ועל חשבונית או על שלט זה ניכר מיד. בקש מהמעצב את קובצי המקור, או הורד מ-Wix Logo Maker את חבילת הקבצים המלאה.

תפריט Add Elements בעורך וויקס עם הקטגוריה Image פתוחה ואפשרות Custom Logo מסומנת
הוספת לוגו לאתר: Add Elements ואז Image ואז Custom Logo — כך וויקס מזהה את הקובץ כלוגו ולא כתמונה סתם.

להעלות את הלוגו לראש האתר ולהגדיר גם את סמל הלשונית

עכשיו לחלק המעשי בעורך. שים לב — העורך של Wix אינו בעברית, ולכן שמות הכפתורים והשדות מופיעים באנגלית. אני נוקב בהם בדיוק כמו שהם על המסך, כדי שתוכל למצוא אותם. שני הדברים האלה — הלוגו בראש האתר וה-favicon — נמצאים בשני מקומות שונים בעורך, וקל לפספס את השני.

  • נכנסים לעורך פותחים את האתר במצב עריכה (Edit Site).
  • מחליפים את הלוגו בראש האתר לוחצים על אזור הלוגו בכותרת העליונה (Header), בוחרים Change Logo או מעלים תמונה חדשה דרך Upload Media, וגוררים את קובץ ה-PNG על הרקע השקוף.
  • מגדירים את סמל הלשונית נכנסים להגדרות האתר (Settings) ומחפשים את השדה Favicon — שם מעלים את הגרסה המרובעת המצומצמת של הלוגו.
  • שומרים ומפרסמים לוחצים Save ואז Publish, כי שינוי שלא פורסם לא מופיע באתר החי.

שדה ה-Favicon חשוב יותר משנדמה: זה הסמל הזעיר שמזהה אותך בלשונית, וגם מה שגוגל ואפליקציות אחרות לפעמים מציגות. בלי favicon, הדפדפן מציג אייקון גנרי אפור — וזה מיד נראה כמו אתר לא גמור. הגרסה שנכנסת לשם צריכה להיות פשוטה מאוד, כי בגודל של כמה עשרות פיקסלים שם ארוך פשוט נמרח לכתם.

טיפ אם הלוגו שלך הוא שם ארוך בעברית בלי סמל גרפי, שקול להשתמש ב-favicon רק את האות הראשונה של השם, או אייקון פשוט. אות אחת ברורה עדיפה על שם שלם שנמרח לכתם בלתי-קריא.

רוצה לוודא שאתה במסך הנכון? עמוד העזרה הרשמי על הוספת לוגו והגדרתו מראה בדיוק את שדה ההעלאה, ועמוד הוספת סמל לשונית לאתר מראה איפה יושב שדה ה-Favicon בהגדרות.

מסך Website Settings בוויקס עם מקטע Favicon וכפתור Upload Image
מסך Website Settings בוויקס עם מקטע Favicon וכפתור Upload Image

לקבוע צבעים וגופנים פעם אחת כדי שכל העמודים ייראו אותו דבר

זו הנקודה שמפרידה בין אתר שנראה מקצועי לבין אתר ש"עשוי בבית". במקום לצבוע כל כותרת ולבחור גופן בכל עמוד מחדש — Wix מאפשר לקבוע ערכת צבעים וגופן במקום מרכזי אחד, וכל העמודים מתיישרים אליו אוטומטית. עושים את זה בעורך דרך אזור העיצוב (Design / Site Theme), בוחרים את ערכת הצבעים (Color Palette) ואת הגופנים (Site Fonts).

היתרון המעשי: אם החלטת בעוד חצי שנה שהצבע הראשי כהה מדי, אתה משנה אותו במקום אחד — וכל הכפתורים, הקישורים והכותרות באתר מתעדכנים בבת אחת. אם צבעת ידנית עמוד-עמוד, תרדוף אחרי הצבע הישן שבועות. עם עברית, יש ניואנס נוסף: בחר גופן עברי שיש בו גם גרסת מספרים וסימני פיסוק שנראים טוב, כי גופן חינמי יפה בכותרות עלול להיראות מוזר ברגע שמופיע בו מחיר, מספר טלפון או סוגריים.

  • Color Palette — קובעים צבע ראשי, משני והדגשה. שלושה מספיקים.
  • Site Fonts — בוחרים גופן אחד לכותרות וגוף. בעברית, בדוק אותו עם מספרים ופיסוק.
  • עקביות — אחרי הקביעה, אל תעקוף אותה ידנית בעמודים בודדים; זה שובר את האחידות.

איפה בדיוק במסך? עמוד העזרה על התאמת צבעי האתר מראה את מסך ערכת הצבעים, ועמוד בחירת גופני האתר מראה איפה יושבים הגופנים המרכזיים.

פאנל Site Design בעורך וויקס: Site Theme, Color theme ו-Text theme
פאנל Site Design בעורך וויקס: Site Theme, Color theme ו-Text theme
מסך Site Design בעורך וויקס עם קישור Change Theme וכרטיסי Color theme ו-Text theme
מסך ה-Site Design בעורך וויקס: כאן קובעים בבת אחת את ערכת-הצבעים והטקסט שיחולו על כל האתר.

הבדיקה שכולם מדלגים עליה — קריאות בטלפון ועל רקע כהה

הלוגו נראה מושלם על מסך המחשב שלך. עכשיו הרגע האמת: פתח את האתר בטלפון. מה שנראה גדול וברור בדסקטופ מצטמצם בנייד, ושם שם עסק ארוך בעברית מתחיל להיחתך או להיטשטש. Wix מאפשר להסתכל על האתר במצב מובייל (Mobile view) לפני פרסום — נצל את זה.

הטעות הנפוצה ביותר היא לוגו עם רקע לבן על עמוד צבעוני או כהה. הקובץ נראה תקין אצלך כי הרקע שלך לבן, אבל ברגע שהוא יושב על כותרת כהה או על תמונת רקע — נוצר סביבו מלבן לבן מכוער. זו בדיוק הסיבה ששמרנו מראש גרסה על רקע שקוף (PNG). על רקע כהה כדאי לפעמים גם גרסה של הלוגו בצבע בהיר, כדי שהוא בכלל ייראה.

  • הלוגו קריא בטלפון — השם לא נחתך ולא מטושטש בגודל מובייל.
  • הלוגו על רקע שקוף — אין מלבן לבן מכוער כשהוא יושב על צבע.
  • יש גרסה בהירה של הלוגו לרקעים כהים.
  • ה-favicon פשוט מספיק כדי להיקרא בגודל הלשונית הזעיר.
  • אותו לוגו זהה בראש האתר, בלשונית, ובתמונת הפרופיל ברשת החברתית.
הלוגו לא חי רק באתר. אותו קובץ חוזר בפרופיל של גוגל, בוואטסאפ העסקי ועל חשבונית — ולכן גרסה מרובעת ורקע שקוף שנשמרו מראש חוסכים ממך לבנות הכל מחדש כשתגיע לכל מקום כזה.
מסך Meet Your Site on Mobile — הלוגו והשם בראש האתר בתצוגת טלפון
מסך Meet Your Site on Mobile — הלוגו והשם בראש האתר בתצוגת טלפון

אותו לוגו בשלושה מקומות — מה קורה לו כשהוא קטן

כדי לסגור את התמונה, שווה להסתכל על אותו לוגו בשלושה מקומות במקביל: ראש האתר (הכי גדול), לשונית הדפדפן (הכי קטן), ותמונת פרופיל ברשת חברתית (מרובעת וחתוכה). לוגו טוב לעסק קטן הוא כזה שעובר את שלושת המבחנים בלי לאבד קריאות. אם השם נעלם ב-favicon או נחתך בפרופיל — זה סימן שהלוגו עמוס מדי, וכדאי לפשט אותו: פחות מילים, סמל ברור, וגרסה מצומצמת ייעודית לגדלים הקטנים.

מסקנת מפתח זהות חזותית של עסק קטן היא לא פרויקט עיצוב גדול — היא ארבעה רכיבים שנקבעים פעם אחת ומוחלים על הכל. תשקיע חצי שעה בשמירת הקבצים הנכונים ובקביעת הצבעים והגופן במקום מרכזי, ותחסוך שעות של תיקונים עמוד-עמוד בהמשך.

הצעדים בקצרה

  • הרכב את ארבעת הרכיבים: לוגו, צבעים, גופן, favicon.
  • הכן את הלוגו — Wix Logo Maker או קובץ ממעצב — ושמור גרסה שקופה, מרובעת ווקטורית.
  • העלה את הלוגו לראש האתר דרך Change Logo.
  • הגדר את ה-Favicon בהגדרות האתר.
  • קבע Color Palette ו-Site Fonts פעם אחת.
  • בדוק במובייל ועל רקע כהה, פרסם.

חזרה למדריך המלא: מדריך וויקס למתחילים — בניית אתר לעסק בישראל. משם אפשר להמשיך גם אל לפרסם את האתר ואל נגישות אתרים לפי התקן הישראלי.

הבהרה: העמוד הוא מדריך טכני כללי לשימוש בעורך של Wix ואינו ייעוץ עיצובי או מסחרי. שמות השדות והכפתורים בעורך עשויים להשתנות בין גרסאות; היעזר בעמודי העזרה הרשמיים של Wix לאימות המסך המדויק שאתה רואה.

מקורות

  1. Wix Help Center — הוספת לוגו והגדרתו. נכון ל-12/08/2026.
  2. Wix Help Center — הוספת סמל לשונית (Favicon) לאתר. נכון ל-12/08/2026.
  3. Wix Help Center — התאמת צבעי האתר. נכון ל-12/08/2026.
  4. Wix Help Center — בחירת והתאמת גופני האתר. נכון ל-12/08/2026.
  5. Wix Help Center — לבנות אתר בחינם. נכון ל-12/08/2026.