מחולל
favicon
גררו לוגו אחד, קבלו את החבילה המודרנית כולה; לשוניות דפדפן, מסך בית של אייפון, Android, maskable; כל גודל מרונדר, מוצג בתצוגה מקדימה וניתן להורדה, עם תגי ה-link המדויקים להדבקה. התמונה שלכם לעולם לא יוצאת מהדפדפן.
גררו את הלוגו שלכם לכאן
תגי Link (הדביקו ב-<head> שלכם)
site.webmanifest (שמרו ליד האייקונים)
Yetty מגיש את ה-favicon, כרטיסי השיתוף והנתונים המובנים בכל עמוד אוטומטית; העלו את הלוגו פעם אחת והפרטים מטופלים.
כל פלטפורמה רוצה
אייקון משלה
16 & 32 - לשוניות דפדפן
ה-favicon הקלאסי. זעיר, כך שצורות פשוטות וניגודיות חזקה שורדות; פרטים דקים הופכים לעיסה.
48 - Windows & Google
Google מציג favicon ליד תוצאות החיפוש ומעדיף כפולה של 48px; זה מרוויח את מקומו.
180 - מסך בית של אייפון
ה-apple-touch-icon. iOS משטח שקיפות לשחור, לכן זה מיוצא על הרקע שבחרתם.
192 & 512 - Android
גדלים למסך הבית ולמסך הפתיחה, מוצהרים ב-manifest של אפליקציית הרשת ולא בתג link.
Maskable 512
Android חותך אייקונים לעיגולים ול-squircles. הגרסה ה-maskable שומרת את הלוגו באזור הבטוח של 80% כך ששום דבר לא נחתך.
תגי ה-link & ה-manifest
קבצים לבדם לא עושים כלום; תגי ה-head ו-site.webmanifest אומרים לדפדפנים שכל אייקון קיים. שניהם מחוללים בשבילכם.
שאלות נפוצות על favicon
אילו גדלי favicon אני צריך ב-2026?
חבילה מודרנית ומעשית היא: 16x16 ו-32x32 בפורמט PNG ללשוניות הדפדפן, 48x48 ל-Windows ולתוצאות החיפוש של Google, 180x180 עבור ה-apple-touch-icon שאייפונים משתמשים בו במסך הבית, ו-192x192 יחד עם 512x512 ל-Android ול-manifest של אפליקציית הרשת שלכם; רצוי עם גרסת 512 maskable. תמונת מקור ריבועית טובה אחת, בגודל 512px או יותר, מכסה את הכול.
למה ה-favicon שלי נראה שחור באייפון?
כי iOS אינו תומך בשקיפות ב-apple-touch-icon; כל פיקסל שקוף משוטח לשחור מלא כשהאייקון נשמר למסך הבית. הפתרון הוא לשטח את האייקון על צבע רקע בעצמכם (לבן, או צבע המותג שלכם) לפני הייצוא, וזה בדיוק מה שהכלי הזה עושה עבור קובץ ה-180x180.
מה זה אייקון maskable?
אייקון Android שתוכנן לשרוד חיתוך לעיגול, לריבוע מעוגל או ל-squircle; כל יצרן טלפון בוחר צורה משלו. כלל אצבע: הלוגו שלכם חייב להיכנס לתוך עיגול אזור בטוח שמכסה 80% מהתמונה, כשהקצה החיצוני ממולא ברקע אחיד ולא בשקיפות. מוצהר ב-manifest עם "purpose": "maskable".