Làm thế nào để đăng một Favicon trên trang web của bạn

• Tháng Tư 29, 2024

Hình đại diện, hay biểu tượng phím tắt, là hình ảnh nhỏ xuất hiện bên cạnh url của một trang web trong thanh địa chỉ của trình duyệt của bạn. Nó cũng xuất hiện bên cạnh tên của trang web trong danh sách Dấu trang hoặc Mục ưa thích của bạn và nếu bạn đang sử dụng trình duyệt theo thẻ, nó cũng có thể hiển thị trên tab.

Đăng một favicon lên trang web của bạn là một cách hay để thêm một chút cá tính, và nó thực sự khá dễ dàng. Phần khó nhất của quá trình là chọn một hình ảnh để bắt đầu! Nếu bạn có một con mắt tốt về đồ họa, bạn có thể tự thiết kế. Nếu không, bạn luôn có thể chọn một hình ảnh từ web. Nếu bạn quyết định sử dụng một hình ảnh hiện có, KHÔNG chỉ cần tải xuống một hình ảnh từ một trang web khác và đăng nó lên trang của bạn - bạn sẽ vi phạm bản quyền của quản trị trang web đó và có thể gặp rắc rối nghiêm trọng. Thay vào đó, lấy một hình ảnh từ một trong những nguồn miễn phí trên Internet.

Hình đại diện của bạn phải có kích thước cụ thể để hoạt động - 16X16 pixel hoặc 32X32 pixel. Điều này thực sự rất nhỏ, vì vậy khi bạn chọn hình ảnh cơ sở của mình, hãy chắc chắn rằng nó sẽ trông giống như được thu nhỏ xuống kích thước tem bưu chính. Màu sắc tươi sáng và hình dạng đơn giản thường làm việc tốt nhất. Bạn cũng phải lưu hình ảnh của mình theo một trong các định dạng favicon được chấp nhận: .png, .gif hoặc .ico. Hầu hết các nhà phát triển web sử dụng .ico vì favicon của bạn có thể sẽ là tệp duy nhất trên trang web của bạn có phần mở rộng đó, vì vậy nó sẽ nổi bật khi bạn lướt qua các thư mục trên trang web của bạn.

Bạn có thể sử dụng một trong một số công cụ web miễn phí để chuyển đổi hình ảnh của mình thành tệp .ico có kích thước chính xác. Tôi sử dụng một bộ được cung cấp bởi các nhà sản xuất HTML Kit, cho phép bạn tạo cả favicon tĩnh và hoạt hình. Có một liên kết đến công cụ favicon bên dưới bài viết này.

Bây giờ đến phần dễ dàng - thêm favicon vào trang web của bạn! Bạn có hai tùy chọn để hiển thị hình ảnh favicon. Tùy chọn đầu tiên và an toàn nhất là đặt mã sau vào phần đầu của mỗi trang nơi bạn muốn favicon hiển thị, thay thế phần 'href' bằng url của favicon của bạn:


loại = "hình ảnh / ico"
href = "// example.com/myicon.ico">

Tùy chọn thứ hai là đặt tên favicon của bạn là "favicon.ico" và đặt nó vào thư mục gốc của bạn (đây thường là cùng thư mục với trang chủ của bạn). Với phương pháp này, bạn thậm chí không cần thêm mã vào các trang web của mình và gần như tất cả các trình duyệt sẽ chọn biểu tượng - tuy nhiên, một số trình duyệt nhất định (thường là các trình duyệt cũ hơn) sẽ không hiển thị favicon nếu bạn sử dụng phương pháp này.

Video HướNg DẫN: [Bài 7] Hướng Dẫn Thiết kế Logo và Icon Cho website Wordpress - Đưa logo lên Blog (Tháng Tư 2024).