כיצד ליצור Favicon
סמל מודרני הוא יותר מתמונה בגודל 16×16. להלן זרימת העבודה המלאה להגדרה שנראית חדה בכל דפדפן, מערכת הפעלה ומכשיר.
מה זה favicon?
Favicon הוא הסמל הקטנטן שדפדפן מציג בכרטיסייה, בסרגל הסימניות וברשימת ההיסטוריה. בנייד זה סמל מסך הבית. ב-Windows זה סמל קיצור הדרך.
אתרים מודרניים מספקים רזולוציות ופורמטים מרובים כך שכל משטח מקבל עיבוד חד.
הכן את תמונת המקור שלך
התחל מתמונה מרובעת שגודלה לפחות 512×512 - באופן אידיאלי SVG עם ריבוע viewBox. כל דבר קטן יותר יטשטש כאשר יורד.
הימנע מקווים דקים וטקסט קטן. הם נעלמים ב-16×16.
צור .ico בגדלים רבים
חבילה 16, 32, 48, 64, 128 ו-256 בתוך favicon.ico יחיד. דפדפנים בוחרים את הגודל הנכון באופן אוטומטי.
מחולל ה-favicon שלנו עושה את זה בצד הלקוח תוך פחות משנייה.
הוסף את התגים HTML
שחרר את favicon.ico לשורש האתר שלך. לאחר מכן הוסף את הסמלים SVG, apple-touch-icon והמניפסט ב-<head> להגדרה מלאה.
אמת בכל דפדפן
רענון קשה ב-Chrome, Safari, Firefox ו-Edge. בדוק את סרגל הסימניות, הכרטיסייה והתקנת מסך הבית.