כלי חינמי · רץ בדפדפן שלכם
מחולל Favicon
צרו סט Favicon מלא מתמונה, אות או אימוג׳י, מוכן להוספה לכל אתר.
תשובה קצרה
בחרו תמונה, או הקלידו אות או אימוג׳י עם הצבעים שלכם, ולחצו על יצירה כדי להוריד ZIP. הוא כולל favicon.ico (16, 32 ו־48 פיקסלים), סמלי PNG עד 512 פיקסלים, סמל Apple touch של 180 פיקסלים, web manifest וקוד HTML להדבקה. שימו את הקבצים בתיקיית השורש של האתר ואת התגים ב־head של הדף.
איך משתמשים
- בחרו מקור. תמונה, או אות או אימוג׳י עם צבעים.
- בדקו את התצוגות. ראו את הסמל בגדלים קטנים, שבהם פרטים נעלמים.
- צרו והתקינו. הורידו את ה־ZIP, העלו לשורש האתר והדביקו את ה־HTML ב־head.
דוגמה
סמל מאות יוצר את ה־ZIP הזה:
קלט
טקסט: A
צבע: לבן על כחולפלט
favicon.ico (16, 32, 48)
favicon-16x16.png, favicon-32x32.png, favicon-48x48.png
apple-touch-icon.png (180)
icon-192.png, icon-512.png
site.webmanifest, snippet.htmlשגיאות נפוצות ואיך לתקן אותן
ה־Favicon הישן עדיין מופיע- דפדפנים שומרים אותו במטמון. בדקו בחלון פרטי או נקו את המטמון.
הסמל נראה מעוך- התחילו מתמונה ריבועית, או בחרו איך להתאים תמונה שאינה ריבועית.
פרטים נעלמים בגדלים קטנים- פשטו את התמונה: אות או צורה אחת בניגודיות חזקה.
שאלות נפוצות
מה הגודל הנכון ל־Favicon?
כללו 16, 32 ו־48 פיקסלים ב־favicon.ico, 180 למכשירי אפל, ו־192 ו־512 לאנדרואיד ולאפליקציות מותקנות. הכלי יוצר את כולם.
איך מוסיפים Favicon לאתר?
העלו את הקבצים לתיקיית השורש, והדביקו את ה־HTML מהכלי ב־head של הדפים.
למה ה־Favicon לא מופיע?
דפדפנים שומרים Favicon במטמון זמן רב, אז נסו חלון פרטי. בדקו גם שהנתיבים נכונים והקבצים ציבוריים.
איך ה־Favicon מגיע לתוצאות גוגל?
גוגל דורשת סמל ריבועי של 8 × 8 פיקסלים לפחות, וממליצה על גדול מ־48 × 48, בכתובת יציבה שמותר לסרוק. זה יכול לקחת ימים או שבועות.
ICO, PNG או SVG?
ICO לתאימות רחבה, יחד עם PNG לגדלים מסוימים. SVG הוא תוספת טובה לחדות בדפדפנים מודרניים.
מה עושה Favicon טוב?
צורה או אות אחת פשוטה בניגודיות חזקה. לוגו מלא עם טקסט קטן הופך לכתם ב־16 פיקסלים.
למה משמש ה־web manifest?
הוא אומר לטלפונים ולדפדפנים איזה שם וסמלים להציג כשהאתר מותקן למסך הבית.
האם התמונה מועלית?
לא. כל הסמלים מצוירים בדפדפן שלכם.
איזו תמונה מתאימה ל־Favicon?
לוגו ריבועי פשוט עם רקע שקוף. הכלי הסרת רקע יכול לנקות קודם את מה שמסביב.
האם צריך את כל הקבצים?
דפדפנים מודרניים צריכים מעט, אבל הסט המלא מכסה גם מסכי בית של אפל ואנדרואיד. הקבצים קטנים, ולכן כדאי לשמור את כולם.