Home » News » Sharing » Cách tạo Favicon
Wikipedia_favicon_in_Firefox_on_KDE

Cách tạo Favicon

Favicon là 1 một icon bên cạnh địa chỉ trang web trên thanh địa chỉ trên trình duyệt của một website

favficon 1

Nếu những ai muốn lưu trang web của bạn, họ đặt trang web đó vào “favorites”, trình duyệt sẽ cố gắng lấy file favicon.ico trên website của bạn. Nếu trình duyệt không thể tìm ra một file như vậy thì chúng sẽ nhận được một trang lỗi có mã 404. Ngược lại, nếu file favicon.ico có sẵn, biểu tượng sẽ được hiện lên bên cạnh tên trang web của bạn có tên trong thanh “Favorite”.

Các trình duyệt IE, Mozilla, Netscape, Opera đều hỗ trợ chức năng này. Ngoài ra, Mozilla và Netscape còn hỗ trợ định dạng file ảnh khác như PNG.

http://www.favicon.cc/  là 1 web site cho phép bạn thiết kế 1 file favicon.ico trực tuyến.

  1. Cách tạo favicon

Khi bạn vào web, sẽ thấy giao diện như hình bên dưới:

favicon 2

– Nếu bạn đã có sẵn một hình ảnh để làm favicon thì chỉ cần tick vào phần import image để tải hình ảnh lên

favicon 6

– Sau khi đăng tải, hình ảnh sẽ chưa giống như hình mẫu mà ta mong muốn, khi đó cần sử dụng 3 công cụ cơ bản là bút hút màu (pick existing color), công cụ xóa điểm ảnh (transparent), vào công cụ di chuyển điểm ảnh (move) , kết hợp với Bảng màu ở bên phải màn hình để điều chỉnh lại

favicon 7
Ảnh sau khi up lên chưa đúng với hình mẫu

 

Sử dụng công cụ để sửa và xem phần preview ngay bên dưới
Sử dụng công cụ để sửa và xem phần preview ngay bên dưới

– Ngoài ra còn chức năng hình động Use animation, như hình bên dưới

favicon3

– Khi đã thực hiện xong ta chỉ việc download file favicon về 

favicon5

     2. Cách chèn favicon.ico vào blog:

Đăng nhập blogger -> Thiết kế -> Chỉnh sửa HTML -> kéo xuống dưới sẽ thấy đoạn mã:

<link href=’YOUR-FAVICON-URL‘ rel=’shortcut icon’ type=’image/vnd.microsoft.icon’/>

Trong đó YOUR-FAVICON-URL là link địa chỉ file favicon.ico bạn đã up lên các host : picassa, dropbox, … để lấy link!

Thanks,

About Tina Trang

Check Also

10 chien thuat lam viec thong minh

10 CHIẾN THUẬT GIÚP BẠN LÀM VIỆC THÔNG MINH HƠN

10 CHIẾN THUẬT GIÚP BẠN LÀM VIỆC THÔNG MINH HƠN. 1. Định luật Parkinson “Nếu …

Một vài post hay trên Facebook

 

Leave a Reply

Or

Your email address will not be published. Required fields are marked *