אז מה זה בכלל favicon?
כאתם גולשים לאתר חדש, תכלו לראות בלשונית העמוד בדפדפן לוגו קטן של האתר במידה ובעל האתר הטמיע favicon או שתגלו שם את favicon ברירת המחדל של הדפדפן שלכם . ככה נראים אייקונים המוכרים לנו (אנחנו לא גולשים לשם כמובן בזמן העבודה) וכמה מקומות בהם נוכל למצוא אותם:
לשוניות האתרים בראש הדפדפנים:
רשימת המועדפים שלנו:
וכמובן בהסטוריית הגלישה שלנו:
באופן מפתיע אני מוצא לא מעט אתרים שאין להם את האייקון הקטן הזה ואני מוצא את זה כתכונה הכרחית באתר, למה?
- האייקון הקטן הזה חייב לקחת חלק במיתותג האתר. אם כבר יש לכם לוגו באתר, למה שלא תשתמשו בו לא רק בעמודי האתר אלא גם מחוץ לאתר?
- האייקון הקטן הזה מושך מעט את העין. גולש שמחפש ברשת ביקורות על נעלי ריצה, יפתח כמה אתרים במקביל, למה שלא תתנו לו עוד סיבה טובה לחזור אליכם?
איך יוצרים favicon?
לא כזה מסובך… יש כמה תנאים שצריכים לעמוד בהם:
- גודל – ישנם שני גדלים סטנדרטיים 16*16 או 32*32 פיקסלים
- פורמט – את הקובץ שומרים בGif ,Png או Ico.
איך מכינים?גם זה לא סיפור (לפחות אן יש לכם כבר לוגו)
- נכנסים לתוכנת עריכה והופכים את הלוגו שלהם לבעל פרופורציה ריבועית (מוסיפים רווחים למעלה ולמטה).
- משנים את גודלו ל16*16 או 32*32.
- שומרים באחד הפורמטים הרשומים מעלה.
אהה ויש גם כמה אתרים חינמיים ויוצרי פביקונים, הנה כמה נחמדים , רק קחו בחשבון שאתם צריכים להיות גרפיקאים חובבים או בעלי הרבה זמן פנוי כדי לייצר משהו נחמד :
איך מוסיפים את ה-favicon לאתר?
נורא נורא פשוט!
- תעלו את האייקון לשרת האתר ושמרו את הכתובת שלה. אם העלתם את התמונה לספריית האתר הראשית (root) כתובת האייקון תהיה http://www.testing123.com/icon.png, אם העלתם אותה לספריה כלשהי, תוסיפי לכתובת התמונה את נתיב הגלישה לתמונה
- עכשיו כל מה שנשאר לעשות למצוא את איזור </head>…<head>
- מוסיפים את השורה הבאה :<“link rel=”icon” type=”image/png” href=”http://testing123.com/icon.png>
- מרפרשים את העמוד והופ , יש לנו אייקון חדש לאתר!
נכתב ע”י משה סמואל
חבל לא לבזבז את הכמה דקות האלה ולעשות את זה!
לא מצליחים וצריכים עזרה? איך בעיה, תשאירו פה תגובה ואנחנו נעזור!!!
