בנה חבילת favicon שלמה מלוגו, אייקון גופן או מונוגרמה — favicon.ico, קובצי PNG מודרניים, אייקון Apple touch, אייקוני PWA, מניפסט ווב וקטע HTML.

שחרר לוגו, בחר אייקון גופן או הקלד מונוגרמה — אנו מייצרים כל favicon שאתר מודרני זקוק לו, מ-favicon.ico הקלאסי ועד אייקון Apple touch, אייקוני PWA וקטע HTML מוכן להדבקה.

שחרר כאן PNG או לחץ כדי להעלות
מומלץ PNG שקוף · מקבל גם JPG / WebP
64%
צבע רקע
0%
בשימוש על ידי ממשק הדפדפן ומניפסט ה-PWA.
האתר שלך
example.com
סימנייה · 32px
Apple touch · 180px
PWA · 512px

חבילת ה-favicon שלך מוכנה
הורדת ה-ZIP החלה. חלץ אותו לשורש האתר שלך והדבק את קטע ה-HTML בתוך ה-<head> שלך.

אודות מחולל Favicon

מחולל הפייביקונים בונה כל אייקון שאתר מודרני צריך ממקור יחיד: העלו לוגו PNG, בחרו אייקון גופן, או הקלידו מונוגרמה. החבילה כוללת את הפייביקון הקלאסי favicon.ico (‎16, 32 ו-48 פיקסלים), פייביקוני PNG מודרניים, אייקון מגע של Apple בגודל 180 פיקסלים, אייקוני PWA בגודל 192 ו-512 פיקסלים, קובץ site.webmanifest וקטע קוד HTML להוספה לראש הדף.

העיצוב מטופל בכלי: בחרו צבע רקע או השאירו שקיפות, גזרו לצורת ריבוע, מעוגל או עיגול, כווננו את הריפוד וגודל העיצוב, והגדירו את צבע הנושא המשמש את ממשק הדפדפן ואת מניפסט ה-PWA. תצוגה מקדימה חיה מציגה את האייקון שלכם בהקשרים אמיתיים — לשונית דפדפן בגודל 16 פיקסלים, סימנייה, אריח מגע של Apple ואייקון PWA.

הכול מעובד על קנבס בדפדפן שלכם, ולחיצה על יצירה מרכיבה את כל החבילה לקובץ ZIP עם README. ההתקנה כוללת שני שלבים: פרקו לתוך שורש האתר שלכם והדביקו את קטע הקוד שסופק לתוך ה-<head>.

כיצד להשתמש ב-מחולל Favicon

  1. בחרו את המקור שלכם: העלו לוגו PNG, בחרו אייקון גופן, או הקלידו מונוגרמה.
  2. עצבו אותו — צבע רקע או שקיפות, צורה, ריפוד וגודל העיצוב.
  3. מלאו את שם האתר, השם הקצר וצבע הנושא עבור מניפסט ה-PWA.
  4. בדקו את התצוגות המקדימות: לשונית דפדפן, סימנייה, מגע של Apple והקשרי PWA.
  5. לחצו על "צור פייביקונים" ופרקו את החבילה לשורש אתר האינטרנט שלכם.
  6. הדביקו את קטע קוד ה-HTML מהחבילה לתוך ה-<head> של הדף שלכם.

שאלות נפוצות

כן — החבילה המלאה, כולל קובץ ה-‎.ico‏, כל גדלי ה-PNG, המניפסט וקטע קוד ה-HTML, חינמית ליצירה ולהורדה.

favicon.ico עם שכבות בגודל 16, 32 ו-48 פיקסלים, פייביקוני PNG מודרניים, apple-touch-icon בגודל 180 פיקסלים, אייקוני PWA בגודל 192 ו-512 פיקסלים, קובץ site.webmanifest, קטע קוד HTML מוכן להדבקה וקובץ README עם שלבי ההתקנה.

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

פרקו את הארכיון לתוך שורש אתר האינטרנט שלכם כך שהקבצים יהיו בשורש הדומיין, ואז הדביקו את קטע קוד ה-HTML שסופק לתוך ה-<head> של הדפים שלכם. קובץ ה-README בתוך ה-ZIP חוזר על השלבים האלה.

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

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

שתף זאת

חיפושים פופולריים
מחולל favicon יוצר favicon.ico יצירת favicon אונליין apple touch icon מחולל אייקון PWA favicon מלוגו
צריך עזרה?
נתקלת בבעיה בכלי הזה? ספר לצוות שלנו.
דיווח על בעיה

הוסיפו כלי חינמי זה לאתר שלכם — העתיקו והדביקו את הקוד שלהלן.