מחולל אייקון לאתר (Favicon)

תמונה אחת → כל הגדלים + הקוד להדבקה

Favicon הוא האייקון הקטן בלשונית הדפדפן, ואתרים שנבנו ב-AI כמעט תמיד נשארים עם האייקון הגנרי, שמסגיר מיד שהאתר לא הושלם. מעלים לוגו או תמונה, גם HEIC מאייפון, והכלי חותך ממנה ריבוע מהמרכז ומייצר שישה קובצי PNG: 16, 32 ו-48 פיקסלים לדפדפן, 180 למסך הבית באייפון, ו-192 ו-512 לאנדרואיד. הכול יורד ב-ZIP אחד, יחד עם קובץ site.webmanifest, הוראות בעברית וארבע שורות קוד להדבקה בתוך ה-head. התמונה מעובדת בדפדפן ולא נשלחת לשרת.

שאלות נפוצות

איזו תמונה הכי מתאימה?

תמונה ריבועית, נקייה וברורה. אייקון של 16 פיקסלים קטן מאוד, לוגו עם הרבה פרטים יהפוך לכתם.

איפה מעלים את הקבצים?

לתיקיית השורש של האתר (בדרך כלל public). אם אתם עובדים עם AI, הדביקו לו את הקוד ובקשו להוסיף אותו.

התמונה שלי מלבנית, מה יקרה לה?

הכלי חותך את הריבוע הגדול ביותר ממרכז התמונה, כך שהקצוות של לוגו רחב ייחתכו. אם בלוגו יש שם ארוך, עדיף להעלות רק את הסמל או את האות הראשונה.

נוצר גם קובץ favicon.ico?

לא. החבילה כוללת קובצי PNG וקוד שמפנה אליהם. את זה דפדפנים עדכניים קוראים. מי שצריך קובץ ICO לדפדפן ישן יכול להמיר בנפרד את קובץ ה-32 פיקסלים.

העליתי את הקבצים והאייקון הישן עדיין מופיע, למה?

דפדפנים שומרים אייקונים בזיכרון לזמן ארוך. פתחו את האתר בחלון גלישה בסתר, ובדקו שהקבצים יושבים בתיקיית השורש ולא בתת-תיקייה.

כלים נוספים שיעניינו אתכם

כל הכלים בקטגוריה בונים אתר עם AI