מחולל Favicon HTML
Favicon הוא רק חצי מהעבודה - תגיות הקישור HTML מחליטות איזה קובץ כל דפדפן בוחר. הפק את הסט המלא והנכון בלחיצה אחת.
הגדרה מלאה של favicon כוללת תגיות עבור favicon.ico, גרסת SVG, apple-touch-icon ו-PWA סמלים מניפסט. החמצה של כל אחד מהם מייצרת אייקון חלופי בפלטפורמה אחת לפחות.
צור את התגים כאן, הדבק אותם ב-<head> שלך, וסיימת.
איך זה עובד
- 1
צור את ה-favicon שלך
השתמש במחולל ה-favicon כדי לייצר .ico + PNG + SVG.
- 2
העתיקו את התגים
הדבק את בלוק ה-<link> שנוצר ב-<head> שלך.
- 3
לְאַמֵת
פתח את האתר שלך ב-Chrome, Safari, Firefox ו-Edge - כולם צריכים להראות את הסמל.
נסה עכשיו
קבל את התגים HTML
מחולל פביקוןשאלות נפוצות
איזה תג הכי חשוב?+
<link rel="icon" href="/favicon.ico"> - זוהי הכשל האוניברסלי.
האם אני צריך manifest.json?+
רק אם אתה רוצה חווית התקנה נכונה של PWA. אחרת, אופציונלי.
לאן הולך apple-touch-icon?+
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">.