Biểu tượng yêu thích cho Next.js
Next.js 14+ Bộ định tuyến ứng dụng coi /app/icon.png và /app/favicon.ico như các quy ước — hãy thả chúng vào và Tiếp theo sẽ tự động phát ra các thẻ phù hợp.
Đặt favicon.ico bên trong /app và Next sẽ phân phối nó tại /favicon.ico và chèn thẻ liên kết.
Đối với các biểu tượng có nhiều kích thước hoặc theo chủ đề, hãy sử dụng quy ước tệp: icon.png, icon.svg, apple-icon.png bên trong /app. Tiếp theo tạo thẻ <link> từ siêu dữ liệu của tệp.
Cách hoạt động
- 1
Tạo favicon.ico
Đa kích thước 16/32/48/64 từ nguồn 512×512.
- 2
Đặt vào /ứng dụng
/app/favicon.ico được phân phát tự động. Thêm icon.png cho HD.
- 3
Xác minh
Mở /favicon.ico trong trình duyệt của bạn - Tiếp theo sẽ phục vụ nó mà không cần bất kỳ cấu hình nào.
Thử ngay
Tạo favicon sẵn sàng cho Next.js
Tạo FaviconCâu hỏi thường gặp
Các biểu tượng nằm ở đâu trong Bộ định tuyến ứng dụng Next.js?+
Bên trong thư mục /app. Tên tệp (biểu tượng, biểu tượng quả táo, favicon) xác định vai trò.
Còn Bộ định tuyến trang thì sao?+
Thả favicon.ico vào /public và liên kết nó từ _document.tsx.
Tôi vẫn cần .ico nhiều kích thước chứ?+
Được đề xuất để hỗ trợ trình duyệt cũ, đặc biệt là phím tắt Windows và chế độ IE.