איך תוסיפו favicon לאתר שלכם?

29 ביולי 2013 /
שיווק באינטרנט /

אז מה זה בכלל favicon?

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

לשוניות האתרים בראש  הדפדפנים:

כמה לשוניות favicon מוכרות

רשימת המועדפים שלנו:

איפה נמצא פביקונים

וכמובן בהסטוריית הגלישה שלנו:

fav2

באופן מפתיע אני מוצא לא מעט אתרים שאין להם את האייקון הקטן הזה ואני מוצא את זה כתכונה הכרחית באתר, למה?

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

איך יוצרים favicon?

לא כזה מסובך… יש כמה תנאים שצריכים לעמוד בהם:

  • גודל – ישנם שני גדלים סטנדרטיים 16*16 או 32*32 פיקסלים
  • פורמט – את הקובץ שומרים בGif ,Png או Ico.

איך מכינים?גם זה לא סיפור (לפחות אן יש לכם כבר לוגו)

  • נכנסים לתוכנת עריכה והופכים את הלוגו שלהם לבעל פרופורציה ריבועית (מוסיפים רווחים למעלה ולמטה).
  • משנים את גודלו ל16*16 או 32*32.
  • שומרים באחד הפורמטים הרשומים מעלה.

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

איך מוסיפים את ה-favicon לאתר?

נורא נורא פשוט!

  1. תעלו את האייקון לשרת האתר ושמרו את הכתובת שלה. אם העלתם את התמונה לספריית האתר הראשית (root) כתובת האייקון תהיה http://www.testing123.com/icon.png, אם העלתם אותה לספריה כלשהי, תוסיפי לכתובת התמונה את נתיב הגלישה לתמונה
  2. עכשיו כל מה שנשאר לעשות למצוא את איזור </head>…<head>
  3. מוסיפים את השורה הבאה :<"link rel="icon" type="image/png" href="http://testing123.com/icon.png>
  4. מרפרשים את העמוד והופ , יש לנו אייקון חדש לאתר!

 

נכתב ע"י משה סמואל

חבל לא לבזבז את הכמה דקות האלה ולעשות את זה!

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

פוסטים שאולי יענינו אותך

6 ביולי 2015 /

מהעולם הריאלי לעולם הוירטואלי

נכתב ע"י ניסן בכר

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

1 באפריל 2014 /

הרפתקאות 1 באפריל גרסת 2014, איך יפתיעו אותנו השנה?

נכתב ע"י מנשה אברמוב

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

13 בפברואר 2014 /

קידום אתר וורדפרס מול לקדם אתר וויקס Wix Vs WordPress

נכתב ע"י מוטי חמו

הקדמה על חברת Wix   לפני שנתחיל לעשות את ההשוואה (הלא הכי הוגנת) בין מערכת ניהול התוכן WIX לבין מערכת ניהול התוכן (CMS) של WORDPRESS, אני רוצה לציין שאני מכיר את החבר'ה בWIX והם עושים אחלה עבודה כמה שנים רצופות, לא

2 תגובות על “איך תוסיפו favicon לאתר שלכם?”

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

    יש מדריך יותר מפורט/וידיאו ?


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


כתיבת תגובה


האימייל לא יוצג באתר. שדות החובה מסומנים *

נגישות