מחולל Favicon HTML
Favicon הוא רק חצי מהעבודה - תגיות הקישור HTML מחליטות איזה קובץ כל דפדפן בוחר. הפק את הסט המלא והנכון בלחיצה אחת.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
הגדרה מלאה של 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">.