Cách Thêm Biểu Tượng Vào Trang Web

Mục lục:

Cách Thêm Biểu Tượng Vào Trang Web
Cách Thêm Biểu Tượng Vào Trang Web

Video: Cách Thêm Biểu Tượng Vào Trang Web

Video: Cách Thêm Biểu Tượng Vào Trang Web
Video: Thêm Icon Fonts vào website nhanh chóng với Fontawesome | Unitop.vn 2024, Có thể
Anonim

Khi bạn mở một số trang web bên cạnh tên miền của họ trên thanh địa chỉ, bạn có thể thấy một hình ảnh nhỏ - một biểu tượng. Hình ảnh tương tự sẽ được hiển thị trên tab với trang đang mở của trang web ở góc trên bên trái. Biểu tượng là một loại biểu trưng cho trang web của bạn, một dấu hiệu đặc biệt, vì vậy kiến thức về cách cài đặt các dấu hiệu đó sẽ không phải là thừa đối với quản trị viên web.

Cách thêm biểu tượng vào trang web
Cách thêm biểu tượng vào trang web

Hướng dẫn

Bước 1

Đầu tiên, hãy nhớ rằng tệp biểu tượng phải có phần mở rộng.ico và tên favicon, tức là favicon.ico. Trong trường hợp này, kích thước hình ảnh phải là 16x16 pixel. Bạn có thể thử vẽ một biểu tượng trong Photoshop. Tất nhiên, bạn sẽ thành công trong việc vẽ. Nhưng để lưu bản vẽ ở định dạng.ico, bạn cần một plugin đặc biệt. Đặt nó vào thư mục Plug-Ins / File Formats tại c: / Program Files / Adobe / Photoshop CS.

Bước 2

Sau đó, sau khi bạn đã vẽ biểu tượng và lưu nó ở định dạng mong muốn, hãy đặt nó vào thư mục gốc của trang web. Tất nhiên, không cần thiết phải đặt hình ảnh ở đó. Nhưng sau đó bạn phải chỉ định đường dẫn đến nó:

Bước 3

Cũng được phép sử dụng hình ảnh có phần mở rộng khác, chẳng hạn như

Mục nhập văn bản hình ảnh /.png

Bước 4

Nếu trang web của bạn được tạo trên một công cụ (ví dụ: trên Wordpress), thì mọi thứ sẽ dễ dàng hơn nhiều: một lần nữa, trước tiên hãy sao chép tệp có biểu tượng vào thư mục gốc của blog (thư mục public_html). Sau đó, mở tệp header.php của bạn và giữa các thẻ và thêm mã sau:

  • Bước 5

    Ngoài ra còn có các dịch vụ đặc biệt để tạo biểu tượng. Một trong số đó là tài nguyên có tên favicon.cc, một liên kết đến được cung cấp trong phần Tài nguyên bổ sung. Tất cả những gì bạn cần làm là chọn màu mong muốn và vẽ hình ảnh mong muốn. Chỉ cần lưu sáng tạo của bạn và biểu tượng của bạn đã sẵn sàng. Nhưng bạn cũng có thể chuyển đổi hình ảnh đã hoàn thành sang định dạng.ico. Dịch vụ favicon.ru sẽ giúp thực hiện việc này, một liên kết tới đó cũng được trình bày trong phần "Nguồn bổ sung". Chọn hình ảnh mong muốn, nhấp vào nút "Tạo favicon.ico", sau đó tải xuống hình ảnh kết quả.

  • Đề xuất: