מחולל Favicon

צרו חבילת Favicon רב-פלטפורמית (favicon.ico, 16×16, 32×32, אייקון Apple 180×180, אייקוני Android PWA ב-192×192 ו-512×512 + site.webmanifest) בדפדפן.

בלי העלאותבלי הרשמהעיבוד באצווה

גררו לכאן לוגו או אייקון (PNG, SVG, JPG, WebP)

מייצר favicon.ico (16/32/48px), Apple Touch 180×180, Android PWA 192/512px ו-site.webmanifest

בחירת קובץ

מנוע לא מקוון מוכןסביבת עבודה פרטית ב-100% בדפדפן • בלי העלאות לענן

100% פרטי • בלי העלאת קבצים לשרת

למה להשתמש במחולל ה-Favicon וה-PWA של Utiliome?

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

חבילה מלאה של 9 קבצים לווב ולמובייל

מייצר favicon.ico (שכבות 16×16, 32×32 ו-48×48), favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest ו-head-tags.html.

תצוגה חיה של לשונית בהירה וכהה

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

קטע HTML ל-<head> מוכן להדבקה

העתיקו בלחיצה את התגים <link rel="icon">, <link rel="apple-touch-icon"> ו-<link rel="manifest"> לשילוב מיידי ב-Astro, Next.js, WordPress או HTML רגיל.

אריזה פרטית בצד הלקוח

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

Utiliome מול חלופות ענן מסורתיות

השוו את מנוע ה-WebAssembly המקומי שלנו לכלי ענן ישנים.

מאפיין	Utiliome (דפדפן מקומי)	ממירי ענן ישנים
כיסוי הנכסים שנוצרים	favicon.ico רב-שכבתי + PNG ב-16/32/48/180/192/512 + site.webmanifest	ICO יחיד של 16×16 או חסרים מניפסטים ל-iOS/Android PWA
הדמיית לשונית כהה/בהירה ו-iOS	סרגל לשוניות Chrome בהיר/כהה בזמן אמת + תצוגת תג מסך הבית	הורדה סטטית בלי בדיקת ניגודיות למצב כהה
ריפוד, רקע ומסכה מעוגלת	ריפוד 0%–30%, רדיוס פינות 0%–50% ורקע HEX מותאם	מותח לוגואים לא מרובעים בלי ריפוד או עיגול תג
פרטיות ומהירות	Canvas ו-JSZip מקומיים בדפדפן (אפס העלאות לשרת)	מעלה לוגואים שטרם פורסמו לשרתים מרוחקים

איך זה עובד

איך ליצור חבילת Favicon מלאה בשלושה צעדים

בלי התקנת תוכנה. הכול רץ ישירות בדפדפן.

גררו לוגו או אייקון (SVG, PNG, JPG, WebP)

בחרו תמונה ברזולוציה גבוהה או לוגו וקטורי .svg. לאייקוני PWA חדים ב-512×512 התחילו מ-SVG או מ-PNG של 512×512 ומעלה.

כוונו ריפוד, רדיוס פינות וניגודיות למצב כהה

בדקו את תצוגת הלשונית הבהירה והכהה. הוסיפו ריפוד שוליים (8%–12%), פינות מעוגלות או מילוי רקע אחיד אם לוגו כהה נעלם על לשונית כהה.

הורידו ZIP והעתיקו תגי <head>

לחצו על 'הורדת חבילת Favicon מלאה', חלצו את הקבצים לתיקיית /public או לשורש האתר, והדביקו את קטע ה-<link> ב-<head> של ה-HTML.

גדלי Favicon ב-2026: כל קובץ שדפדפנים וגוגל מצפים לו

תשובה קצרה: חבילת אתר לייצור כוללת favicon.ico רב-רזולוציה (16/32/48px), favicon-16x16.png, favicon-32x32.png ו-favicon-48x48.png ללשוניות ולתוצאות חיפוש, apple-touch-icon.png (180×180) ל-Safari ב-iOS, ו-PNG ב-192×192 וב-512×512 בתוך site.webmanifest ל-PWA באנדרואיד.

קובץ favicon.ico יחיד כבר לא מספיק במסכי Retina, ב-iPhone, במסך הבית של Android ובקטעי Google Search. כל פלטפורמה מבקשת רזולוציה ופורמט משלה:

שם קובץ	מידות	פלטפורמה והתנהגות דפדפן
`favicon.ico`	`16×16`, `32×32`, `48×48` (רב-שכבתי)	גיבוי לדפדפנים ישנים, קוראי RSS, קיצורי שולחן עבודה ב-Windows וסורקים של `/favicon.ico`
`favicon-16x16.png`	`16 × 16 px`	לשוניות דסקטופ ב-DPI רגיל (Chrome, Firefox, Edge, Safari) וסרגלי סימניות
`favicon-32x32.png`	`32 × 32 px`	לשוניות Retina / HiDPI ב-2x ואתרים נעוצים בשורת המשימות
`favicon-48x48.png`	`48 × 48 px`	קיצורי דסקטופ בצפיפות גבוהה וסורקי מנועי חיפוש (שממליצים על אייקון מרובע מעל 48×48px)
`apple-touch-icon.png`	`180 × 180 px`	אייקון 'הוספה למסך הבית' ב-Safari ל-iPhone ו-iPad, ואריחי מועדפים
`android-chrome-192x192.png`	`192 × 192 px`	קיצור מסך הבית ב-Chrome לאנדרואיד, כפי שמוצהר ב-`site.webmanifest`
`android-chrome-512x512.png`	`512 × 512 px`	מסך פתיחה של PWA ואייקון משגר בצפיפות גבוהה
`site.webmanifest`	מניפסט JSON	שם האפליקציה, צבע ערכת נושא ונתיבי אייקונים 192/512 להתקנת PWA
`head-tags.html`	קטע HTML	תגי `<link>` ו-`<meta name="theme-color">` מוכנים להדבקה ב-`<head>`

למה מצב כהה שובר לוגואים שקופים ואיך מתקנים

תשובה קצרה: יותר מ-60% מהמפתחים ומהמשתמשים במובייל גולשים במצב כהה, ולוגו PNG שחור או כחול-כהה עם רקע שקוף נעלם על לשונית #1E293B או #000000. תג רקע עדין עם ריפוד של 8%–12% ורדיוס פינות של 16%–24% שומר על קריאות בשתי הערכות.

מחולל Favicon מול ממיר ICO: באיזה כלי להשתמש?

תשובה קצרה: השתמשו במחולל Favicon כשמשיקים אתר או אפליקציית ווב שצריכים את חבילת ה-ZIP המלאה (PNG, אייקון Apple, מניפסט PWA, קטע HTML ל-<head> ו-favicon.ico). השתמשו בממיר ICO כשצריך קובץ Windows ‏.ico רב-שכבתי עד 256×256px לתוכנת דסקטופ או לקיצורים.

שני הכלים מייצרים קובצי .ico, אבל הם מיועדים לצינורות פריסה שונים:

יכולת / דרישה	מחולל Favicon (הכלי הזה)	מחולל וממיר ICO
פלט עיקרי	חבילת `.zip` של 9 קבצים (`6` PNG + `.ico` + `site.webmanifest` + `head-tags.html`)	קובץ `.ico` עצמאי (או ZIP של אצווה) עם בחירת שכבות
רזולוציות ב-`.ico`	שכבות מותאמות לווב: `16×16`, `32×32` ו-`48×48`	חבילת דסקטופ מלאה: `16`, `24`, `32`, `48`, `64`, `128` ו-`256×256 px`
אייקוני Apple iOS ו-Android PWA	כלולים (`180×180`, `192×192`, `512×512`)	לא כלולים (מיקוד במיכל `.ico` בלבד)
מתאים ל	אתרים, אפליקציות SaaS, פרויקטי Next.js/Astro/WordPress ואייקוני SERP	אייקוני `.exe` ב-Windows 10/11, אייקוני תיקיות והמרת PNG ל-ICO באצווה

שאלות נפוצות

שאלות נפוצות על Favicon ומפרט אייקונים

כל מה שצריך לדעת על מחולל Favicon החינמי של Utiliome.

באיזה גודל תמונה כדאי להעלות למחולל ה-Favicon?

לתוצאה החדה ביותר בכל הקבצים (עד אייקון PWA של 512×512), העלו קובץ .svg וקטורי או תמונת PNG/WebP מרובעת של לפחות 512×512 פיקסלים.

אילו גדלי favicon Google Search ממליץ לתוצאות החיפוש?

Google Search Central דורש favicon מרובע של לפחות 8×8px וממליץ על אייקון גדול מ-48×48px (או כפולה של 48px, SVG, או apple-touch-icon.png של 180×180) כדי שיקטן בנקיון במובייל ובדסקטופ. Utiliome כולל אוטומטית שכבת 48×48 ב-favicon.ico, קובץ favicon-48x48.png נפרד ו-apple-touch-icon.png של 180×180.

לאן שמים את הקבצים מ-favicon-package.zip?

חלצו את הנכסים הסטטיים (favicon.ico, favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png ו-site.webmanifest) לתיקייה הסטטית בשורש האתר (כמו /public ב-Next.js, Astro, Vite, או שורש האתר ב-WordPress/HTML), והעתיקו את תגי ה-<link> מ-head-tags.html ל-<head> של המסמך.

האם favicon.ico שנוצר הוא קובץ ICO רב-רזולוציה אמיתי?

כן. בניגוד לכלים שרק משנים שם של PNG ל-.ico, Utiliome בונה כותרת ICONDIR בינארית ואורז שלוש שכבות RGBA של 32 סיביות (16×16, 32×32 ו-48×48) לתוך favicon.ico.

מתי להשתמש במחולל Favicon ומתי במחולל ICO?

השתמשו במחולל Favicon בהקמת אתר, כדי לקבל בלחיצה אייקוני Apple Touch, אייקוני Android PWA, site.webmanifest ותגי head. השתמשו במחולל ICO כשצריך קובץ .ico עצמאי ל-Windows עם שכבות 64×64, 128×128 ו-256×256, או המרה של כמה תמונות ל-.ico.

האם הלוגואים מועלים לשרת בזמן יצירת ה-favicon?

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