Question 1

Vì sao vẫn cần tệp favicon.ico khi đã có PNG?

Accepted Answer

Vì trình duyệt cũ và một số chỗ trong Windows chỉ tìm đúng đường dẫn /favicon.ico ở gốc tên miền, không đọc thẻ link. Tệp ico còn là định dạng chứa nhiều ảnh trong một tệp, nên hệ điều hành tự chọn cỡ hợp với chỗ nó đang vẽ, thay vì phóng to một ảnh nhỏ cho vừa.

Question 2

Vì sao đoạn HTML không khai tệp favicon.ico?

Accepted Answer

Vì mọi trình duyệt đều tự tìm /favicon.ico ở gốc tên miền mà không cần được chỉ đường, nên khai thêm một thẻ nữa chỉ làm phần head dài ra. Những cỡ phải khai là những cỡ trình duyệt không đoán được, ví dụ biểu tượng cho màn hình chính iPhone.

Question 3

Đổi favicon rồi mà trình duyệt vẫn hiện cái cũ?

Accepted Answer

Favicon được trình duyệt lưu đệm rất lâu, lâu hơn hẳn các tệp khác của trang. Hãy mở thẳng đường dẫn tệp biểu tượng rồi tải lại cứng bằng Ctrl và Shift và R, hoặc mở trang trong cửa sổ ẩn danh để kiểm tra. Trên máy chủ thật thì thêm một tham số phiên bản vào đường dẫn trong thẻ link là cách chắc ăn nhất.

Question 4

Ảnh nguồn nên là ảnh gì?

Accepted Answer

Một hình đơn giản, ít chi tiết, tương phản cao. Ở cỡ 16 pixel thì mọi chi tiết nhỏ đều biến thành một đám điểm ảnh nhoè, nên logo đầy đủ có chữ hầu như không dùng được. Cách làm phổ biến là lấy chữ cái đầu hoặc phần biểu tượng của logo, bỏ hết phần chữ.

Question 5

Tệp site.webmanifest để làm gì?

Accepted Answer

Nó cho Android và Chrome biết tên trang, biểu tượng cỡ lớn, màu nền và màu chủ đề khi người dùng thêm trang vào màn hình chính. Không có nó thì trang vẫn thêm được nhưng biểu tượng sẽ là ảnh chụp màn hình mờ và tên là địa chỉ trang, trông như một cái link chứ không như một ứng dụng.