Favicon không hiển thị? Kiểm tra tệp, liên kết và bộ đệm

Chọn biểu tượng hoạt động ở kích thước nhỏ

Sử dụng biểu tượng hình vuông đơn giản thay vì một bức ảnh chi tiết hoặc một từ dài. Kiểm tra bản xem trước 16 pixel trong Trình tạo Favicon. ZIP bao gồm các biểu tượng ICO, PNG nhiều kích thước, một webmanifest và một ví dụ HTML. Trước tiên, hãy chuyển đổi SVG được hỗ trợ thành PNG nếu nguồn của bạn là tệp vectơ.

Tải tệp lên và xác nhận địa chỉ của chúng

Giải nén ZIP và tải các tệp biểu tượng đã chọn lên trang web của riêng bạn. Mở từng URL biểu tượng dự định trong trình duyệt và xác nhận rằng nó trả về hình ảnh thay vì trang đăng nhập, màn hình tệp bị thiếu hoặc tài liệu HTML. Sử dụng ví dụ HTML làm điểm bắt đầu và điều chỉnh đường dẫn đến vị trí tải lên thực tế. Chỉ tạo một bảng kê khai không biến trang web thành một ứng dụng có thể cài đặt được.

Sử dụng cài đặt biểu tượng nền tảng của bạn nếu có

Trình tạo chủ đề hoặc trang web có thể đã quản lý việc đánh dấu biểu tượng. Đặt biểu tượng ở đó thay vì thêm nhiều thẻ cạnh tranh. Trên một trang tùy chỉnh, hãy kiểm tra phần đầu được hiển thị và kiểm tra xem URL rel="icon" và biểu tượng cảm ứng Apple nào được khai báo. Một tệp chính xác trên máy chủ sẽ không giúp ích gì nếu trang trỏ đến một đường dẫn khác.

Phân biệt độ trễ của bộ đệm với lỗi cài đặt

Sau khi thay đổi biểu tượng, hãy xóa bộ nhớ đệm của trang web hoặc CDN và kiểm tra phiên trình duyệt mới. Trình duyệt có thể giữ lại biểu tượng cũ hơn ngay cả sau khi tải lại trang. Kết quả tìm kiếm tìm nạp và hiển thị các biểu tượng một cách độc lập, do đó, một tab trình duyệt chính xác không hứa hẹn cập nhật kết quả tìm kiếm ngay lập tức. Tránh liên tục tạo biểu tượng mới trong khi URL bị hỏng hoặc bộ đệm trang cũ vẫn là nguyên nhân thực sự.

Continue with a related tool