05/10/2018, 10:58

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ể ...

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ệ.

Tao 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.

 

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

Kết luận: Thật đơn giản đúng không nào, chúc thành công! hii

VN:F [1.9.22_1171]
Rating: 8.8/10 (13 votes cast)
Hướng dẫn tạo Favicon cho Website, 8.8 out of 10 based on 13 ratings
Tags:Favicon, Favicon cho website, HTML cơ bản
Bài liên quan

[SQLSERVER] Hướng dẫn tạo xuất dữ liệu sang định dạng table html cho website

Xin chào các bạn, bài viết hôm nay mình sẽ chia sẽ cho các bạn đoạn code Store Procedure, dùng để xuất dữ liệu từ query sang định dạng table trong html của website. Thường thi khi các bạn lập trình Website, sẽ truy xuất dữ liệu từ Sqlserver về. Và sau ...

Bùi Văn Nam viết 17:52 ngày 10/10/2018

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ể ...

Bùi Văn Nam viết 10:58 ngày 05/10/2018

[C#] Hướng dẫn tạo hotkey cho ứng dụng winform

Bài viết hôm nay, mình sẽ hướng dẫn các bạn cách tạo Global Hotkey C# . Trong Visual Studio, các component của winform đều mặc định hỗ trợ thuộc tính hotkey cho chúng ta. Nhưng nếu khi các bạn đang rê chuột nằm ngoài form ứng dụng, thì phải thực hiện ...

Tạ Quốc Bảo viết 11:35 ngày 02/10/2018

Hướng dẫn tạo mã QR code cho sản phẩm

Hôm nay, mình xin hướng dẫn các bạn tạo ra mã QR code cho sản phẩm (dùng để scan code hoặc đăng nhập như chương trình zalo của zing trên windows...) - Bài viết mình sử dụng dịch vụ web services của VB.NET kết nối với API của google, để lấy về một mã QR code. ...

Hoàng Hải Đăng viết 00:03 ngày 02/10/2018

Hướng dẫn tạo quyền truy cập quản lý website mà không phải chia sẻ thông tin đăng nhập tại Hostinger

Nếu bạn là chủ nhiều dự án website hoặc chủ nhiều tên miền, sẽ có lúc bạn cần chuyển quyền quản lý tới cho cấp dưới, đồng nghiệp, lập trình viên, đối tác hoặc khách hàng của bạn phải không? Bài hướng dẫn này sẽ giúp bạn thực hiện việc này thông qua tính năng Quản Lý Truy Cập cho các dịch vụ như là ...

Tạ Quốc Bảo viết 15:57 ngày 31/08/2018
0