Thêm Favicon vào website của bạn

Thêm Favicon vào website của bạn

Mỗi khi lướt web bạn có để ý mỗi trang web ở phía trên thanh địa chỉ thường xuất hiện biểu tượng nhỏ, mỗi trang web lại có biểu tượng khác nhau hoặc không có.

Favicon là một logo thủ nhỏ đại diện cho website trên thanh tiêu đề. Trước đây nó ko đc chú trọng lắm nhưng bây giờ thì hầu như mọi website mọi phần mềm đều có, có thể nói nó là một phần không thể thiếu của website thậm chí cả ứng dụng

Wikipedia_favicon_in_Firefox_on_KDE

Sau đây mình sẽ hướng dẫn các bạn tạo favicon cho website
Favicon hỗ trợ file có phần mở rộng .ico, một số trình duyệt hỗ trợ các định dạng ảnh thông thường như: gif, jpg, png…
Bước 1

Tạo file icon
Trước tiên bạn cần có một file ảnh theo một trong các kích thước chuẩn sau bằng phần mền photoshop hoặc phần mền chỉnh sửa hình có chứ năng resize ảnh:
có kích thước lần lượt là 16 x 16px , 32 x 32px, 48 x 48px, 64 x 64px

Bước 2
Chèn mã favicon HTML để tạo
Chèn đoạn mã sau vào phần

Chúc các bạn thành công

Share this post