סמלי מועדפים מחליפים את סמל הגלובוס בשורת הכתובת.
קרדיט תמונה: r0mu/iStock/Getty Images
Favicon הוא דרך יצירתית ופרקטית להוסיף כשרון ויזואלי עדין לנוכחות האתר שלך. סמלי מועדפים הם תמונות קטנות שבהן דפדפני אינטרנט משתמשים בכרטיסיות הדפים ובסרגלי הכתובות. הם מציגים לוגו או תמונה המשויכים לאתר שפועלים כמזהה מותג חזותי לצד הכותרת או כתובת האתר. סמלי מועדפים הם מזהי אתרים שימושיים במיוחד בגלישה באמצעות כרטיסיות מכיוון ששטח הטקסט הזמין המשמש לכותרות עמודים פוחת כמעט לכלום ככל שהמשתמש פותח כרטיסיות נוספות.
שלב 1
עצב את הסמל שבו ברצונך להשתמש בתוכנת עריכת תמונות או גרפיקה. אתה יכול לקחת לוגו או תמונה קיימים המשויכים לאתר או למותג שלך ולהתאים אותם כדי לעמוד בסטנדרטים של favicon. סמלים מועדפים משתמשים תמיד במידות מרובעות ויש להם גודל נתמך מרבי של 256 על 256 פיקסלים. חתוך וגדל את התמונה כך שתתאים לריבוע של 256 על 256 פיקסלים אם אתה מתכוון להשתמש באריזת אייקונים לתמיכה בגדלים מרובים. אם אתה רק מתכוון לעשות גרסה אחת, עבור על גודל של 16 על 16 פיקסלים.
סרטון היום
שלב 2
ייצא את גרפיקת הסמל כקובץ תמונת PNG מהתוכנית לעיצוב גרפי. PNG הוא פורמט התמונה הסטנדרטי של W3C עבור favicons. דפדפנים מסוימים עשויים להציג קובצי JPG כ-favicons, אך התקן אינו נתמך רשמית. בנוסף, ייתכן שתוכניות אורז סמלים לא יעבדו עם תמונות בפורמטים אחרים. Favicons תומכים גם בקובצי GIF ו-ICO.
שלב 3
ארוז את קובץ ה-PNG המיוצא שלך לקובץ ICO עם תוכנית ממיר ICO. תוכנית ממיר אייקונים מעבדת Favicon PNG, פורמטת אותו למספר גדלי favicon הנתמכים באופן נרחב ומטביעה אותם בקובץ בודד. קובצי ICO מספקים סמלים ברזולוציה גבוהה יותר מ-16 על 16 פיקסלים עבור מכשירים התומכים בהם.
שלב 4
היכנס לשירות אירוח האתר שלך והעלה את קובץ ה-PNG או ה-ICO לשרת המדיה של האתר שלך. העתק את כתובת האתר של הקובץ שהועלה; אתה תצטרך אותו כדי לצרף את ה-favicon לאתר.
שלב 5
פתח את תוכנית עריכת האתר שלך והוסף את הקוד הבא, ששונה עם כתובת ה-URL של קובץ ה-favicon כפי שצוין, לקטע של האתר שלך.
עבור קבצי PNG:
עבור קבצי ICO:
אלא אם כן אתה משתמש באתר הנשלט על ידי CMS או כולל קטע מבוסס קבצים, תצטרך להוסיף את הקוד לכל דף שאתה רוצה להציג את הסמל. ה-favicon מופיע לאחר שמירת ומעדכן את דפי האתר.
עֵצָה
תוכנות לעריכת תמונות כמו Photoshop ו- Corel Draw עובדות היטב עבור עיצוב ועיצוב הסמל. לחלופין, אתה יכול להשתמש בתוכנות חינמיות כמו Paint.net ו-Pixlr.
אַזהָרָה
דפדפנים מסוימים מקשרים אוטומטית קובץ תמונה שנמצא בספריית /favicon כ-favicon; עם זאת, ארגון W3C לא מעודד מנהג זה מכיוון שהוא אינו תקן נתמך אוניברסלית והוא מנוגד לעקרונות ארכיטקטורת האינטרנט. בנוסף, שירותי אירוח אתרים ומערכות CMS רבים אינם מאפשרים למשתמש למקם תוכן מדיה מחוץ לספריות קבצי מדיה, מה שהופך את התרגול הזה לבלתי אפשרי.
