Tạo Favicon cho website

by PT on 21/03/2012, Lượt xem: 3.541

Favicon là gì?

Favicon (Biểu tượng yêu thích) là một ảnh nhỏ hiển thị thị trước tiêu đề của trang web trên thanh tiêu đề của trình duyệt. Favicon cũng được hiển thị khi người dùng bookmark địa chỉ trang web của bạn

Tạo Favicon cho trang web

Tác dụng của Favicon

Favicon có thể được xem như là một logo thu nhỏ, giúp người dùng dễ dàng nhận ra trang web của bạn trong danh sách bookmark.

Cách tạo Favicon cho website, blog

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… Xem các định dạng file hỗ trợ bởi các trình duyệt:

Favicon hỗ trợ định dạng file đối với các trình duyệt

Tuy nhiên chúng ta nên sử dụng định dạng .ico cho favicon

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:

16 x 16px , 32 x 32px, 48 x 48px, 64 x 64px

a, Truy cập trang http://www.favicon.co.uk/ upload file ảnh của bạn để tạo favicon, sau khi tạo xong trang web sẽ cung cấp cho bạn link download

b, Download file favicon.ico vừa tạo được và up lên host của bạn

2, Chèn mã HTML để tạo favicon

Chèn đoạn mã sau vào phần <head> của trang web

<head>
<link rel="shortcut icon" href="http://yoursite.com/favicon.ico" />
</head>

Lưu lại và kiểm tra kết quả.

Tagged as: favicon, tao favicon

Nếu bạn thấy bài viết hữu ích, hãy nhấn +1 và các liên kết chia sẻ để website ngày càng phát triển hơn. Xin cám ơn bạn!

Peter Tran là một Coder, công việc hiện tại của anh ấy là phát triển ứng dụng web với PHP, thời gian rảnh anh ấy thường viết Blog chia sẻ những kiến thức về lập trình và phát triển website. Hãy xem trang cá nhân của anh ấy trên Facebook và Twitter

Bài liên quan

{ 7 comments… read them below or add one }

Hồng Hòa Vi 21/03/2012 02:20:43 at 02:20

Dạo này bạn PT viết đều đặn ghê nơi )

Reply

Peter Tran 21/03/2012 06:52:23 at 18:52: Đang phấn đấu đều đắn hơn nữa HHV

Reply

Hồng Hòa Vi 21/03/2012 09:09:04 at 09:09

Về Favicon thì Blogger cho phép tạo favicon một cách tự động, chỉ cần mình có 1 tấm ảnh kích thước 100×100 trở xuống là tự động Blogger sẽ chuyển đổi ngay cho mình. Lựa chọn favicon là một vấn đề rất thú vị vì ở kích thước 16×16 thì có nhiều thứ khác biệt lắm.

À quên PT đổi giùm cái tên trong liên kết nhé. Sửa lại là Blog Thiết Kế.

Reply