מחולל Favicon — אייקון לאתר בלחיצה אחת
העלו לוגו או תמונה, וקבלו חבילת favicon מלאה: כל הגדלים שדפדפנים ומכשירים מבקשים, קובץ favicon.ico אמיתי, קובץ מניפסט לאנדרואיד וקטע קוד מוכן להדבקה. אפשר לבחור חיתוך או ריפוד, רקע שקוף או צבעוני, ולראות מראש איך האייקון ייראה בלשונית ובמסך הבית. הכול קורה בדפדפן שלכם — התמונה לא עוזבת את המחשב.
גררו קובץ לכאן
אוPNG / JPG / WebP / SVG · עד 20MB
הקובץ מעובד במחשב שלך בלבד ולא נשלח לשום שרת
איך זה עובד?
-
1
בחרו תמונה
גררו לכאן את הלוגו או כל תמונה אחרת — PNG, JPG, WebP או SVG. הכי טוב להתחיל מתמונה ריבועית בגודל 512 פיקסלים לפחות, כדי שהאייקונים הגדולים ייצאו חדים.
-
2
התאימו לריבוע ובחרו רקע
אם התמונה אינה ריבועית, החליטו אם לחתוך אותה למרכז או לרפד אותה בשוליים. אפשר להשאיר רקע שקוף או לבחור צבע מלא. התצוגה המקדימה מראה את התוצאה בכל הגדלים, כולל האייקון הזעיר של לשונית הדפדפן.
-
3
מלאו את שם האתר
השם והשם הקצר נכנסים לקובץ המניפסט, ומופיעים מתחת לאייקון כשמוסיפים את האתר למסך הבית בטלפון. אפשר גם לציין לאיזו תיקייה באתר תעלו את הקבצים.
-
4
הורידו והדביקו את הקוד
לחצו על יצירת החבילה. יורד קובץ ZIP עם כל האייקונים, עם קובץ המניפסט ועם קטע הקוד. העלו את הקבצים לאתר והדביקו את הקוד בתוך תגית הראש של הדף.
שאלות נפוצות
התמונה שלי מועלית לשרת?
לא. כל העיבוד קורה בדפדפן שלכם: התמונה נקראת מהמחשב, מצטיירת על קנבס מקומי ונארזת ל־ZIP באותו חלון. הקובץ לא עוזב את המחשב ואין לנו שרת שיכול לראות אותו — מה שחשוב במיוחד כשמדובר בלוגו של מותג שעוד לא הושק.
אילו קבצים מקבלים בחבילה?
שישה קובצי PNG בגדלים 16, 32, 48, 180, 192 ו־512 פיקסלים; קובץ favicon.ico שמכיל בתוכו את שלושת הגדלים הקטנים; קובץ המניפסט site.webmanifest; וקובץ קצר עם קטע הקוד להדבקה. בסך הכול תשעה קבצים בתוך ה־ZIP.
איפה מעלים את הקבצים ואיפה מדביקים את הקוד?
העלו את כל קובצי החבילה לתיקיית השורש של האתר — אותה תיקייה שבה יושב דף הבית. את קטע הקוד מדביקים בתוך תגית הראש של הדף, לפני סגירתה. אם הקבצים יישבו בתיקייה אחרת, כתבו אותה בשדה "תיקייה באתר" והקוד יתעדכן לבד.
עדיין צריך favicon.ico, או שמספיק PNG?
לכל דפדפן מודרני מספיקים קובצי ה־PNG. קובץ favicon.ico עדיין שווה את המקום שהוא תופס: יש דפדפנים ותוכנות ותיקות שמחפשות אותו ישירות בשורש האתר בלי לקרוא בכלל את קוד ה־HTML. הקובץ שאנחנו בונים מכיל בתוכו PNG־ים אמיתיים, כפי שהפורמט מתיר מאז ויסטה, ולכן הוא גם קטן וגם חד.
איזו תמונה מתאימה לאייקון?
לוגו פשוט וברור, ריבועי, בגודל 512 פיקסלים לפחות. שימו לב שהאייקון המרכזי בלשונית הוא בסך הכול 16 פיקסלים — טקסט קטן, קווים דקים ופרטים עדינים ייעלמו שם לגמרי. אם ללוגו שלכם יש סמל בלי המילים, זו כמעט תמיד הבחירה הנכונה.
מתי בוחרים חיתוך ומתי ריפוד?
חיתוך למרכז לוקח את הריבוע האמצעי וממלא איתו את כל האייקון, ומתאים כשהעיקר נמצא במרכז התמונה. ריפוד מכניס את התמונה כולה ומשאיר שוליים מסביב, ומתאים ללוגו רחב שאסור לחתוך ממנו כלום — במחיר סמל קטן יותר בתוך הריבוע.
העליתי אייקון חדש והדפדפן עדיין מציג את הישן
דפדפנים שומרים אייקונים במטמון בעקשנות רבה במיוחד. נסו לרענן בלי מטמון, לפתוח את הכתובת המלאה של קובץ האייקון ישירות ולרענן אותה, או להיכנס בחלון פרטי. בדרך כלל האייקון מתעדכן לכל השאר תוך יום־יומיים גם בלי שתעשו כלום.