Hướng dẫn tạo Favicon cho Website

Hướng dẫn tạo Favicon cho Website

Thông thường các website trên mạng đều có một icon nhỏ trên gần thanh address của trình duyệt người ta gọi đó là Favicon của Website. Hôm nay mình muốn chia sẻ cách tạo Favicon và nhúng nó vào trong web.

Favicon trên web chỉ có kích thước 16×16 và có đuôi mở rộng là .icon bạn có thể dùng phần mềm như Perfect Icon hay bất kỳ  phần mềm tạo icon khác, tham khảo: http://www.iconempire.com/download.htm để tạo ra một icon 16×16, xong bạn để đó mình sẽ hướng dẫn các bạn thêm một cách nữa để tạo Favicon đơn giản nữa sau đó nhúng vào website lun thể.

Cách này là dùng một công cụ trực tuyến để tạo Favicon cho Website bạn truy cập vào http://tools.dynamicdrive.com/favicon/. Có mục tạo icon bạn chọn vào địa chỉ hình bạn muốn chuyển đổi thành icon, bạn nên chỉnh sửa hình thành vuông và có kích thước nhỏ thôi để đảm bảo đẹp vào hợp lệ.

Hướng dẫn tạo Favicon cho Website

Tạo Favicon cho Website

Sau khi bấm nút tạo giao diện sẽ cho phép bạn download icon về.

Download Favicon

Download Favicon

Nhúng Favicon vào trong web

OK, các bước tạo icon giờ đã xong. Bạn copy favicon.ico vào thư mục gốc website của bạn, sau đó mở file mà bạn muốn để favicon trong tag head bạn gõ vào đoạn code sau.

1
2
3
<!--
     <link rel="shortcut icon" href="/favicon.ico">
-->

Nếu bạn để nơi khác thì thay địa chỉ cho đúng và save lại bạn sẽ thấy được kết quả khi chạy trên trình duyệt.

Ket Qua Tao Favicon cho Website

Kết quả tạo Favicon cho Website

 

Bạn thấy bài viết này như thế nào?: 
No votes yet

Advertisement

 

jobsora

Dich vu khu trung tphcm

Dich vu diet chuot tphcm

Dich vu diet con trung

Quảng Cáo Bài Viết

 
Hướng dẫn cấu hình Commerce MailChimp.module trong Drupal
Hướng dẫn cấu hình Commerce MailChimp.module trong Drupal

This is a tutorial on how to configure the basics of Drupal Commerce MailChimp module.

Mã bưu chính ở Việt Nam
Mã bưu chính ở Việt Nam kể từ năm 2018 được điều chỉnh lại gồm 5 chữ số

Thông thường mã bưu điện chỉ có 5 số, tuy nhiên trên một số website nước ngoài yêu cầu bắt buộc nhập vào 6 chữ số như chuẩn US

Khóa học Drupal 60 ngày từ số zero với Acquia Lightning
Khóa học Drupal 60 ngày từ số zero với Acquia Lightning

To build great sites and digital experiences, you need easy-to-use tools for rapid development, simple page building, drag-and-drop widgets for rich media and content