דלג לתוכן הראשי

מחולל Favicon בחינם

הפוך כל תמונה לחבילת favicon מלאה: favicon.ico רב-גודלי, אייקון מגע Apple, אייקוני Android/PWA, מניפסט אינטרנט וקטע HTML מוכן להדבקה — הכל כ-ZIP, בדפדפן שלך.

שחרר קובץ כאן, או לחץ כדי לעיין

PNG, JPG, WebP, SVG, HEIC, HEIF · מעובד במכשיר שלך

או הקישו Ctrl+V כדי להדביק מהלוח

עיין בקבצים

הקבצים שלך לעולם לא עוזבים את המכשיר. כל העיבוד מתבצע מקומית בדפדפן שלך.

💡 לתוצאה הטובה ביותר, העלה תמונה מרובעת של לפחות 512×512. PNG שקוף או SVG עובד הכי טוב.

שימושים נפוצים

  • צור Favicon של אתריצרו את קבוצת ה-favicon המלאה שכל דפדפן והתקן מצפים.
  • יצור אייקונים של PWA ו-Manifestקבלו אייקונים בגודל 192px ו-512px ו-web manifest שה-PWA צריך.
  • צור Apple Touch Iconיצרו את האייקון 180×180 שה-iOS משתמש בו כאשר אתר שמור למסך הבית.
  • הפוך לוגו ל-Faviconהמירו את הלוגו של המותג שלכם ל-favicon נקי וניתן לזיהוי.
  • יצור Favicons לכל Frameworkקבלו קבצי favicon עבור React, Next.js, WordPress ועוד.

כיצד זה עובד

כלי זה ממיר כל PNG, JPEG, WebP או SVG לחבילת פייביקון מלאה — .ico רב-גודל, סמל מגע Apple, סמלי Android/PWA, מניפסט אינטרנט, וקטע HTML מוכן-להדבקה — כולו בתוך הדפדפן שלך באמצעות Canvas API ו-JSZip. שום דבר לא מועלה; כל ההצגה והרכבת הקבצים קורים מקומית.

  1. 1
    Canvas משנה קנה מידה של התמונה שלך
    הדפדפן מצייר את תמונת המקור שלך על אלמנטי HTML Canvas מחוץ-למסך בכל גודל נדרש (16, 32, 48, 180, 192 ו-512 פיקסלים). קובצי SVG ללא מאפייני רוחב/גובה מפורשים מנורמלים תחילה דרך DOMParser ו-XMLSerializer כך ש-Firefox ו-Chrome מפיקים פלט פיקסלים זהה במקום קנבס ריק.
  2. 2
    מקודד ICO כתוב-יד ארוז את קובץ ה-ico.
    רשומות ICO קטנות (16, 32, 48 פיקסלים) מקודדות כמפות סיביות DIB גולמיות 32-סיביות BGRA — ה-BITMAPINFOHEADER בתוספת שורות XOR מלמטה-למעלה ומסכת AND בת 1 סיבית — כי רכיבי מעטפת Windows דורשים פורמט DIB לא-דחוס בגדלים האלה. הכלי כותב את כותרת ספרייית ה-ICO ומשרשר את הרשומות כולו עם DataView ו-Uint8Array, ללא ספריית ICO חיצונית מעורבת.
  3. 3
    פלטי PNG מופקים דרך canvas.toBlob
    כל וריאנט PNG (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) נלכד על ידי קריאה ל-canvas.toBlob עם 'image/png', ומאציל קידוד ללא-אובדן למנוע התמונה המובנה של הדפדפן. ריפוד אופציונלי, צבע רקע, וחיתוך צורה (מרובע, מעוגל, או עיגול) מוחלים על הקשר הקנבס לפני הלכידה.
  4. 4
    JSZip מחבר הכול להורדה אחת
    JSZip מרכיב את כל הקבצים שנוצרו — favicon.ico, חמשת ה-PNGs, site.webmanifest עם שם האפליקציה שלך, ו-favicon-snippet.html עם תגיות <link> נכונות — ל-blob .zip בודד שמוריד אוטומטית למכשיר שלך.

התמונה שלך נטענת ישירות ל-Canvas API של הדפדפן ולעולם לא יוצאת מהמכשיר שלך — שום נתוני קובץ לא משודרים לשום שרת בשום שלב.

כלים קשורים

שאלות נפוצות