הגדרת סמל מותאם אישית כאשר הקוראים סימניות את האתר שלך
האם שמתם לב לאייקון הקטן שמופיע בסימניות שלכם ובתצוגת הכרטיסייה של דפדפני אינטרנט מסוימים? זה נקרא סמל מועדף או favicon.
A favicon הוא חלק חשוב של השיווק של אתר האינטרנט שלך אבל אתה תהיה מופתע כמה אתרים אין אחד. זה מצער, שכן הם יחסית קל ליצור, במיוחד אם יש לך כבר גרפיקה לוגו עבור האתר שלך.
כדי ליצור סמל favicon הראשון צור את התמונה שלך
באמצעות תוכנית גרפיקה, ליצור תמונה כי הוא 16 x 16 פיקסלים. חלק מהדפדפנים תומכים בגדלים אחרים, כולל 32 x 32, 48 x 48 ו- 64 x 64, אך עליך לבדוק גדלים גדולים מ 16 x 16 בדפדפנים שבהם אתה תומך. זכור כי 16 x 16 הוא קטן מאוד, אז לנסות גרסאות רבות עד שאתה יוצר את התמונה כי יעבוד עבור האתר שלך. אחת הדרכים שאנשים רבים עושים זאת היא ליצור תמונה גדולה בהרבה מזו הקטנה, ולאחר מכן לשנות את גודל התמונה. זה יכול לעבוד, אבל לעתים קרובות את התמונות הגדולות לא נראה טוב כאשר הצטמק.
אנחנו מעדיפים לעבוד עם גודל קטן ישירות, כמו אז זה הרבה יותר ברור איך התמונה תסתכל על הסוף. אתה יכול להגדיל את תוכנית הגרפיקה שלך החוצה ולבנות את התמונה. זה ייראה בלוקי כאשר זום החוצה, אבל זה בסדר כי זה לא יהיה ברור כמו כאשר זה לא zoomed החוצה.
ניתן לשמור את התמונה כסוג קובץ תמונה שאתה אוהב, אבל גנרטורים רבים סמל (דנו להלן) יכול רק לתמוך קבצי GIF או BMP . כמו כן, קבצי GIF להשתמש בצבעים שטוחים, ואלה מופיעים לעתים קרובות יותר בחלל הקטן מאשר תמונות JPG לעשות.
המרת תמונה Favicon שלך לסמל
ברגע שיש לך תמונה מקובלת, אתה צריך להמיר אותו לפורמט סמל (.ICO).
אם אתה מנסה לבנות את הסמל במהירות, תוכל להשתמש בגנרטור Favicon מקוון, כגון FaviconGenerator.com. גנרטורים אלה אין כמו תכונות רבות כמו יצירת התוכנה סמל, אבל הם מהירים והוא יכול להביא לך סמל מועדף בתוך כמה שניות.
Favicons כמו PNG תמונות פורמטים אחרים
יותר ויותר דפדפנים תומכים יותר מאשר רק קבצי ICO כסמלים. עכשיו, אתה יכול לקבל favicon בפורמטים כמו PNG, GIF, GIF אנימציה, JPG, APNG, ואפילו SVG (על אופרה בלבד). ישנן בעיות תמיכה בדפדפנים רבים עבור רוב סוגי אלה ו- Internet Explorer תומך רק . ICO . אז אם אתה צריך את הסמל שלך להופיע ב- IE, אתה צריך להישאר עם ICO.
פרסום הסמל
זה פשוט לפרסם את הסמל, פשוט להעלות אותו לספריית השורש של האתר שלך. לדוגמה, הסמל Thoughtco.com נמצא בכתובת /favicon.ico.
דפדפנים מסוימים ימצאו את סמל העכבר אם הוא חי בשורש של אתר האינטרנט שלך, אבל לקבלת התוצאות הטובות ביותר, אתה צריך להוסיף קישור אליו מכל דף באתר שלך שבו אתה רוצה את סמל העכבר. זה גם מאפשר לך להשתמש קבצים בשם משהו אחר מאשר favicon.ico או לאחסן אותם בספריות שונות.