Skip to main content

Favicon là gì?

Một

favicon là một biểu tượng tùy chỉnh được liên kết với một trang web hoặc trang web xuất hiện bên cạnh địa chỉ http trong cửa sổ URL của trình duyệt.Nó cũng sẽ chiếm các tab mở trong các trình duyệt hỗ trợ tab và sẽ hiển thị bên cạnh các liên kết được đánh dấu.Thuật ngữ kết hợp các từ yêu thích và biểu tượng.Microsoft Internet Explorer phiên bản 5.0 đã giới thiệu khả năng hiển thị các favicons, tiếp theo là các trình duyệt lớn khác.Firefox, Netscape, Opera, Safari và Konquerer là một trong số nhiều trình duyệt hỗ trợ tính năng này.Một favicon nhỏ đến mức nó được đo bằng pixel.Pixel là đơn vị đo lường nhỏ nhất trên màn hình máy tính.Pixels, giống như các khối nhỏ, có thể nhìn thấy rõ khi xem màn hình hiển thị thông qua kính lúp.Một favicon chỉ là 16x16 pixel, 32x32 hoặc, trong trường hợp máy tính Macintosh, đôi khi 64x64 hoặc lớn hơn.Thiết kế một logo cho một tấm bạt nhỏ như vậy không phải là nhiệm vụ dễ dàng, vì vậy việc bắt đầu với một tấm bạt lớn hơn và sau đó kích thước lại hình ảnh.Vì việc giảm hình ảnh có thể khiến nó mất độ rõ, tốt nhất là bắt đầu với kích thước vải khoảng 64x64 pixel.Các biểu tượng này có thể được thiết kế theo đơn sắc, 16 màu, 256 màu hoặc nhiều hơn, sử dụng hầu hết mọi chương trình đồ họa.Sau khi thiết kế được giảm và lưu, nó có thể được chuyển đổi thành một tệp biểu tượng .Không phải tất cả các chương trình đồ họa đều lưu các tệp dưới dạng tệp .ico, nhưng có nhiều chương trình đồ họa có sẵn trực tuyến dành riêng cho việc tạo và chuyển đổi tệp .ICO.Bằng cách mở một.Bây giờ được tải lên thư mục gốc của trang web của bạn.Các trình duyệt sẽ tìm kiếm tệp này và hiển thị nó nếu tìm thấy.Ngoài việc tải nó lên trang web, hai dòng mã đơn giản nên được thêm vào lt; head gt; lt;/head gt;Phần của trang web như hình dưới đây.Thay đổi trang web.com sang tên trang web thực tế của bạn:

lt; link rel ' icon href ' http: //website.com/favicon.ico type ' Image/x-icon/ gt;

lt; link rel 'Biểu tượng phím tắt href ' http: //website.com/favicon.ico type ' hình ảnh/x-iCon/ gt;

Nếu một trang web được đánh dấu trong Internet Explorer trước khi nó có favicon, một trang web mới có thể không hiển thị.Xóa dấu trang, xóa bộ nhớ cache của trình duyệt và khởi động lại trình duyệt.Bây giờ lướt thủ công đến trang web và bạn sẽ thấy favicon.Đánh dấu trang web để thêm nó vào

yêu thích

. Trong khi Internet Explorer yêu cầu Favicon là một tệp .ICO, Firefox, Netscape và các trình duyệt phổ biến khác cũng có thể hiển thị các tệp .gif, .jpg và .png.Nếu sử dụng loại tệp hình ảnh khác với .ICO, mã nên được thay đổi để phản ánh loại hình ảnh chính xác.Ví dụ: nếu sử dụng

favicon.png Mã sẽ đọc: type ' Image /png / gt;

chứ không phải

type ' hình ảnh /x-iCon / gt;

.Liên kết một favicon với một trang web tạo ra thương hiệu trực quan có thể giúp một người lướt sóng nhớ lại trang web của bạn và nội dung của nó với một cái nhìn đơn giản về dấu trang của anh ấy hoặc cô ấy.Cho dù logo mini hoặc thiết kế gốc, hình ảnh của bạn sẽ phản ánh lý tưởng nhất là nội dung, ký tự hoặc tên trang web.Có một số công ty trực tuyến sẽ thiết kế một favicon cho bạn, nếu muốn.Tuy nhiên, đối với những người có kỹ năng máy tính cơ bản, việc tạo ra một là một nhiệm vụ đơn giản và thú vị có thể mất ở bất cứ đâu từ vài phút ngắn đến một buổi chiều hoặc buổi tối.