Cách Tạo Biểu Tượng Cho Trang Web

Mục lục:

Cách Tạo Biểu Tượng Cho Trang Web
Cách Tạo Biểu Tượng Cho Trang Web

Video: Cách Tạo Biểu Tượng Cho Trang Web

Video: Cách Tạo Biểu Tượng Cho Trang Web
Video: Hướng dẫn tạo icon cho website | Hướng dẫn tạo favicon.ico 2024, Tháng tư
Anonim

Biểu tượng cho một trang web hay thường được gọi là biểu tượng là những gì bạn có thể thấy ở góc bên cạnh tên của tab trong trình duyệt. Ngoài ra, biểu tượng được hiển thị đối diện với tên của trang web trong danh sách "Yêu thích", bạn cũng có thể nhìn thấy nó khi công cụ tìm kiếm hiển thị trang web của bạn trong kết quả tìm kiếm.

Cách tạo biểu tượng cho trang web
Cách tạo biểu tượng cho trang web

Nó là cần thiết

  • - biểu trưng của trang web,
  • - Photoshop,
  • - công cụ chuyển đổi favicon.

Hướng dẫn

Bước 1

Mở logo trang web của bạn trong Adobe Photoshop. Nếu không có logo, bạn có thể chụp bất kỳ hình ảnh nào khác, điều quan trọng là nó phải được liên kết với trang web của bạn. Xử lý hình ảnh bằng cách loại bỏ tất cả các chi tiết không cần thiết và bây giờ giảm kích thước của nó xuống 32 hoặc 16 pixel mỗi bên. Sau đó, lưu hình ảnh dưới dạng tệp đồ họa.png

Bước 2

Hơn hết, nếu bạn kết thúc việc tạo một tệp có độ phân giải 32x32 pixel, vì người dùng đôi khi lưu các phím tắt của các trang web họ thích trên "Máy tính để bàn" và hình ảnh 16x16 pixel trông không đủ chi tiết. Tuy nhiên, hãy nhớ rằng trong trình duyệt, biểu tượng của bạn sẽ vẫn được chia tỷ lệ thành 16x16 pixel, đây là những hình ảnh được hiển thị trong Mục yêu thích và trong tiêu đề.

Bước 3

Bây giờ bạn cần chuyển đổi hình ảnh sang tệp ico. Điều này có thể được thực hiện bằng cách sử dụng một trình cắm thêm cho Photoshop hoặc sử dụng dịch vụ Internet miễn phí, ví dụ: https://favicon.ru/. Có rất nhiều plugin và dịch vụ, chúng hoạt động gần như giống nhau, vì vậy không có ích gì khi tư vấn bất kỳ plugin cụ thể nào. Các trang web này được gọi là trình tạo favicon.

Bước 4

Đổi tên tệp kết quả thành favicon.ico.

Bước 5

Bây giờ, hãy chuyển đến bảng điều khiển của trang web của bạn và tìm thư mục gốc nơi chứa trang đầu tiên. Đây thường là index.html hoặc một tệp khác mà hệ thống quản lý nội dung tạo ra. Có thể đã có một biểu tượng có tên favicon.ico. Trong trường hợp này, hãy xóa biểu tượng cũ và thay thế bằng biểu tượng của riêng bạn.

Bước 6

Nếu thư mục gốc không có sẵn cho bạn, cũng như trong những trường hợp đó nếu bạn tự viết mã cho trang web, thì bạn cần phải chỉnh sửa tất cả các trang của trang web mà biểu tượng sẽ xuất hiện trên đó. Mở trang trong trình chỉnh sửa và thêm một mục vào phần đầu

Bước 7

Nếu biểu tượng không nằm trong thư mục gốc mà ở một nơi khác, thì trong tham số href ghi đường dẫn đầy đủ của tệp.

Đề xuất: