מה עושה מחולל ה-Favicon
מחולל ה-Favicon מאפשר ליצור סט מלא של אייקוני favicon עבור האתר שלכם מתוך תמונה אחת, ומייצר באופן אוטומטי קבצים עבור דפדפנים, מכשירים ופלטפורמות שונות.
הכלי מסייע לכם:
ליצור favicons מקובצי PNG, JPG ופורמטים נוספים של תמונות
ליצור סטים של אייקונים במגוון גדלים
לקבל קוד HTML להטמעה
להכין favicons עבור דפדפנים, Android ו-iOS
לצפות בתצוגה מקדימה של מראה ה-favicon
מתאים לאתרים, יישומי ווב, דפי נחיתה ו-PWA.
מהו Favicon?
Favicon הוא אייקון קטן של אתר אינטרנט המוצג ב:
לשוניות הדפדפן
סימניות
היסטוריית הדפדפן
מנועי חיפוש
מכשירים ניידים
PWA וקיצורי דרך
Favicons מסייעים למשתמשים לזהות במהירות אתר אינטרנט ומשפרים את הנראות של המותג.
פורמטים וגדלים שנוצרים
הכלי יוצר באופן אוטומטי favicons בגדלים ובפורמטים נפוצים.
גודל | סוג | שימוש |
|---|
16×16 | favicon | לשוניות דפדפן, סימניות |
32×32 | favicon | דפדפני מחשב |
48×48 | אייקון אפליקציה | Windows, קיצורי דרך בשולחן העבודה |
96×96 | אייקון אפליקציה | קיצורי דרך ב-Android, אייקוני Launcher |
128×128 | אייקון אפליקציה | Chrome Apps, PWA, Launchers במחשב |
180×180 | apple-touch-icon | iPhone, iPad |
192×192 | אייקון Manifest | Android, PWA |
512×512 | אייקון Manifest | PWA, יישומים |
אתרים מודרניים משתמשים בדרך כלל במספר גדלים של favicon ואייקוני אפליקציה כדי להבטיח תצוגה תקינה במכשירים ובפלטפורמות שונות.
כיצד לבחור תמונה טובה
המאפיינים הבאים מתאימים במיוחד ל-favicons:
צורות פשוטות
ניגודיות גבוהה
מעט פרטים
אלמנטים ויזואליים גדולים
תמונות מרובעות
פרטים קטנים וטקסט קשים לקריאה בגודל של 16×16 פיקסלים.
תצוגה מקדימה של Favicon
הכלי מציג כיצד ה-favicon שלכם ייראה:
כך ניתן לבדוק את הקריאות והמראה החזותי לפני הפרסום.
המלצות מעשיות
השתמשו בתמונה מרובעת בגודל של לפחות 512×512 פיקסלים
בדקו את ה-favicon גם בערכת נושא בהירה וגם כהה
הימנעו מטקסט קטן ומקווים דקים
עבור מותגים, מומלץ להשתמש בלוגו או במונוגרמה
לאחר עדכון ה-favicon, בדקו את הופעתו ב-Google Search Console ובדפדפנים המובילים
מדוע Favicon עלול להיראות לא טוב
עיצוב מורכב מדי: אלמנטים קטנים הופכים לבלתי קריאים.
שימוש בטקסט: טקסט כמעט תמיד נעלם בגדלים קטנים.
ניגודיות נמוכה: favicons בצבעים בהירים עשויים להיות קשים לזיהוי בדפדפנים ובערכות נושא כהות.
תמונת מקור לא איכותית: תמונות מטושטשות או ברזולוציה נמוכה פוגעות באיכות ה-favicon.