Biến Đổi Favicon - Tôn Vinh Sự Sáng Tạo

!](

Sau nhiều năm gắn bó với thế giới website, đây là lần đầu tiên mình quyết tâm chính thức thêm một favicon cho trang web của mình. Dù bản gốc có thể không phải do mình sáng tạo (hình gốc dường như là một chiếc quần), nhưng mình tin rằng cả về hình thức lẫn ý tưởng đều đã đạt đến mức hoàn hảo.

Vậy Favicon là gì?

Favicon là từ viết tắt của “favorite icon”, còn được gọi là biểu tượng trang web, biểu tượng trang hoặc biểu tượng URL. Đây là một loại hình ảnh nhỏ được liên kết với một trang web cụ thể để giúp người dùng dễ dàng nhận diện khi truy cập.

Nếu bạn muốn tìm hiểu kỹ hơn, hãy ghé thăm Wikipedia nohu tải game nổ hũ club để tham khảo thông tin chi tiết nhé!

Làm sao để thiết kế hay lấy được một favicon?

Mình không phải là một nhà thiết kế chuyên nghiệp nên việc sử dụng các công cụ như Photoshop để tạo ra một icon chuyên nghiệp là điều không khả thi. Tuy nhiên, điều đó không ngăn cản mình sáng tạo ra một favicon đơn giản và hiệu quả theo cách riêng. Có rất nhiều phương pháp để làm điều này, ví dụ như:

Chế lại hình ảnh: Việc copy lại một hình ảnh nào đó là hoàn toàn có thể, tuy nhiên mình nghĩ ít nhất cũng nên cải biên một chút để tạo sự khác biệt.
Dùng công cụ trực tuyến: Mình đã tận dụng một số công cụ online sẵn có để tạo ra favicon như sau:

Truy cập banner.alimama.com, chọn mẫu yêu thích hoặc tải lên hình ảnh mà bạn ưng ý nhất; !](
Sau đó, vào địa chỉ [tools.dynamicdrive.com/favicon/ – một công cụ chuyển đổi tuyệt vời – để biến đổi hình ảnh trên thành định dạng .ico chuẩn;

Và thế là bạn sẽ có ngay một file favicon.ico đẹp 789bey mắt!

Làm sao để favicon hoạt động?

Việc kích hoạt favicon không hề phức tạp, chỉ cần thực hiện vài bước đơn giản winvn 12 sau:

Tải file favicon.ico vừa tạo lên thư mục gốc của website của bạn (mặc dù không bắt buộc phải đặt ở đây, bạn có thể xem thêm hướng dẫn chi tiết tại Wikipedia);
Thêm đoạn mã sau vào phần <head> của trang HTML:

1
2
3


<link rel="shortcut icon" href=" />
<link rel="shortcut icon" href=" type="image/x-icon" />
<link rel="icon" href=" type="image/gif" />

Đơn giản vậy thôi, và… Bingo! Favicon của bạn đã hoạt động rồi!