Pages

07 November 2011

Favicon là gì ?

Khi lướt web có bao giờ bạn để ý bên cạnh địa chỉ trang web (URL) trên thanh địa chỉ (Address) trên trình duyệt của mình một biểu tượng nhỏ nhỏ như thế này chưa

favicon

Đây chính là Favicon, nó là một hình đại diện cho website hay phần mềm. 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 hoặc phần mềm.Vậy làm thế nào để tạo ra một Favicon ưng ý cho mình.

Có rất nhiều cách để làm việc này

1. Bạn có thể lấy một Favicon từ một wevsite khác:

Bạn lang thang trên mạng và bắt gặp một website có favicon đẹp và bạn muốn sử dụng nó cho website của mình các bạn vào link sau đây: http://www.getfavicon.org/

2. Bạn dùng một chương trình chỉnh sửa hình ảnh nào đó như Photoshop, Gimp…

Tạo ra một ảnh cỡ 16×16. Nó quá nhỏ và bạn không thể vẽ nhiều trên đó. Bạn nên tự hạn chế vẽ với 16 màu hoặc cả 256 màu.
Lưu hình ảnh dưới dạng file ICO (tất nhiên là file "favicon.ico").

Đối với các bạn sử dụng photoshop để tạo favicon các bạn cần phải có phần mở rộng cho file .ico

Bạn cần phải download file tại địa chỉ sau: http://www.telegraphics.com.au/sw/files/ICOFormat-1.6f9-win.zip

sau đó các bạn copy file vào thư mục cài đặt photoshop

(C:\Program Files\Adobe\Photoshop \Plug-Ins\File Formats)

Và sau đó việc cuối cùng các bạn nhúng nó vào website, bằng đoạn mã sau:

<link type="image/x-icon" href='Đường dẫn tới file' rel="shortcut icon"/>


Trang web tạo Favicon trực tuyến miễn phí: http://www.favicon.cc

Một số trang web tham khảo khác:

http://www.getfavicon.org

http://www.animatedfavicon.com/

Nguồn: http://cau28xhp.wordpress.com