פאביקון זהו האייקון הקטן שמופיע מצידו השמאלי של כל טאב וגם מצידה השמאלי של כתובת האתר (url). המציג את הלוגו של האתר או כל תמונה אחרת שבוחרים כסימן מזהה של האתר. התפקיד העיקרי שלו הוא ליצור תמונה ליד הטאב או הלינק בבוקמרקס לזיהוי מהיר יותר של האתר. הרי ידוע שתמונה שווה אלף מילים ואייקון פאביקון שווה הרבה שורות של לינקים.
יצירת הפאביקון, העלאה לשרת וחיבור לעמודי האתר
יצירת הפאביקון
הדרך הפשוטה ביותר להכין פאביקון היא באתר הזה http://www.favicon.cc/.
בוחרים בצד שמאל import image נפתח חלון ומשם בוחרים את התמונה מתוך המחשב שלכם, ברגע שמאשרים התוכנה של האתר מייצרת את הפאביקון ואפילו יש אפשרות לשנות צבעוניות, פיקסל פיקסל.
רואים את השינויים בגודל האמיתי בתחתית העמוד באזור ה- preview.
לאחר שמרוצים מהתוצאה – לוחצים על כפתור ה- download ווואלה הפאביקון יושב אצלכם במחשב.
השם ברירת מחדל שלו הוא favicon.ico ועדיף לא לשנות.
העלאת הפאביקון לשרת של האתר
צריך להתחבר עם תוכנת ftp (למשל FileZilla ) לשרת היכן שנמצאים כל הקבצים של האתר ולשם להעלות את הפאביקון שיצרתם קודם.
חיבור לעמודי האתר
אם הכנסתם את הפאביקון לתיקייה הראשית של האתר,
אז מעתיקים את הלינק של האתר ומוסיפים לו בסוף את השם של הקובץ. במקרה שלנו favicon.ico
לדוגמא:
פותחים את עמוד ה-index של האתר ולמעלה לפני < head/ > מוסיפים את הקוד הזה, המורכב מהנתיב והסבר בקוד של משמעות הנתיב.
[php]<link rel="shortcut icon" href="http://www.mysitename.co.il/favicon.ico/>[/php]
זהו, יש לכם פאביקון
ניתן כמובן לייצר את הפאביקון עם כל תוכנה גרפית כמו גימפ או פוטושופ, הלינק המצורף מטה (אנגלית) מתאר את תהליך היצירה הידני של אייקון זה.
http://www.onextrapixel.com/2010/10/06/pixel-art-create-a-better-favicon-for-your-website/
