Favicon עבור Next.js
נתב אפליקציות Next.js 14+ מתייחס ל-/app/icon.png ו-/app/favicon.ico כאל מוסכמות - הכנס אותם ו-Next פולט את התגים הנכונים באופן אוטומטי.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
מקם את favicon.ico בתוך /app ו-Next יגיש אותו ב- /favicon.ico ויזריק את תג הקישור.
עבור סמלים מרובי גדלים או נושאים, השתמש במוסכמות הקבצים: icon.png, icon.svg, apple-icon.png בתוך /app. Next יוצר את התגיות <link> מהמטא נתונים של הקובץ.
איך זה עובד
- 1
צור favicon.ico
רב מידות 16/32/48/64 ממקור 512×512.
- 2
הצב ב-/app
/app/favicon.ico מוגש אוטומטית. הוסף icon.png עבור HD.
- 3
לְאַמֵת
פתח את /favicon.ico בדפדפן שלך - Next מגיש אותו ללא כל תצורה.
נסה עכשיו
צור Favicon מוכן ל-Next.js
מחולל פביקוןשאלות נפוצות
לאן הולכים הסמלים בנתב האפליקציה Next.js?+
בתוך ספריית /app. שם הקובץ (סמל, apple-icon, favicon) קובע את התפקיד.
מה לגבי נתב הדפים?+
שחרר את favicon.ico אל /public וקשר אותו מ-_document.tsx.
האם אני עדיין צריך .ico בגדלים רבים?+
מומלץ לתמיכה בדפדפן מדור קודם, במיוחד קיצורי דרך Edge ו-IE.