מחולל Favicon
הפוך כל תמונה לסט favicon שלם, כולל .ico, גדלי PNG, Apple touch icon ו-web manifest, הכל נוצר בדפדפן שלך.
כיצד להשתמש במחולל Favicon
- 01
העלה תמונה מרובעת. לוגו או אייקון פשוט עובד הכי טוב, והעיבוד מתבצע בדפדפן שלך.
- 02
אפשרות: בחר רקע והזן את שם האתר שלך עבור ה-web manifest.
- 03
הורד את ה-ZIP והדבק את קטע קוד ה-HTML לראש הדף שלך.
מה זה favicon
Favicon הוא הסמל הקטן המוצג בכרטיסיות הדפדפן, בסימניות ובמסכי הבית של הטלפון. זהו פרט זעיר שגורם לאתר להיראות גמור ומוכר, ודפדפנים מודרניים מצפים למספר גרסאות שלו.
למה תמונה אחת לא מספיקה
זה המלכוד: תמונה אחת כבר לא מספיקה. אתה צריך .ico בגדלים רבים עבור דפדפנים קלאסיים, גדלי PNG נפרדים, סמל מגע של Apple עבור מסכי הבית של iOS, PNGs גדול יותר עבור אנדרואיד, ומניפסט אינטרנט אם האתר צריך להיות ניתן להתקנה.
מחולל זה בונה את כל הסט מתמונה בודדת, כולל .ico מרובות גדלים אמיתיים, ונותן לך את קטע ה-HTML המדויק שייכנס לראש הדף שלך, כך שלא תצטרך להרכיב או לכתוב דבר ממנו ביד.
איזו תמונה להעלות
לקבלת התוצאה הטובה ביותר, העלה תמונה מרובעת של לפחות 512 פיקסלים, באופן אידיאלי לוגו פשוט או סימן במקום תמונה מפורטת, מכיוון שהסמל מוצג לעתים קרובות מאוד קטן. תמונה לא מרובעת ממורכזת ומרופדת לריבוע, כך שפרטים ליד הקצוות עלולים להגיע בשוליים.
צבע הרקע ושם האתר
באפשרותך להגדיר צבע רקע ואת שם האתר שלך. שם האתר נכנס למניפסט האינטרנט המשמש כאשר מישהו מוסיף את האתר למסך הבית שלו.
פועל בדפדפן שלך
הכל פועל באופן מקומי בדפדפן שלך עם Canvas API, כך שהתמונה שלך לעולם לא תועלה. אתה מוריד ZIP עם כל הקבצים וקטע הקוד להדבקה.
שאלות נפוצות
מה כלול בחבילת ה-favicon?
favicon.ico עם 16, 32 ו-48 px, PNG נפרדים בגדלים 16 ו-32 px, Apple touch icon בגודל 180 px, PNG בגדלים 192 ו-512 px עבור Android, site.webmanifest, וקטע קוד HTML להדבקה בראש הדף.
איזו תמונה כדאי להעלות?
תמונה מרובעת של לפחות 512 px עובדת הכי טוב, רצוי לוגו או סמל פשוט. תמונה שאינה מרובעת ממורכזת ומרופדת לצורת ריבוע, לכן פרטים קרובים לשוליים עלולים להיכנס לתוך המרווחים.
האם התמונות שלי מועלות לשרת?
לא. האייקונים נוצרים בדפדפן שלך באמצעות Canvas API, כך שהתמונה שלך לא יוצאת מהמכשיר שלך.