Thêm favicon vào website không cần thêm code

Lượt xem: 10099

Thêm favicon vào website không cần thêm code

Như chúng ta thấy mỗi khi duyệt web thì thường thấy biểu tượng nhỏ trên mỗi tab của trình duyệt phí trước tiêu đề của tab. Đó chính là favicon. Và thường thì trình duyệt sẽ tự động nhận file có tên là favicon.ico (với kích thước 16px x 16px). tìm hiểu thêm cách xuất file ico bằng photoshop

 

Vậy thêm favicon vào website bàng cách nào?

Cách 1: Bạn không cần thêm bất kỳ dòng code nào vào source web cả. Chỉ cần upload file favicon.ico có kích thước 16px x 16px vào thư mục gốc của website là favicon sẽ tự động xuất hiện. Thông thường là thư mục public_html trên server

Cách 2: Bạn thêm dòng code sau vào phần head của file html thì favicon cũng xuất hiện


 	<link rel="shortcut icon" type="image/png" href="/favicon.png"/ >
	<link rel="shortcut icon" type="image/png" href="https://dandev.net/favicon.png"/>