Cách lấy logo trên trang web

Giới thiệu

Mỗi website trên mạng có logo độc nhất và trong nhiều trường hợp, chúng đều được dùng làm favicon. Nếu bạn không biết favicon là, đây là một ví dụ trực quan bằng hình:

Cách lấy logo trên trang web
Cách lấy logo trên trang web

favicontrên website của bạn dĩ nhiên sẽ tốt hơn nếu không thấy gì khi duyệt web, hơn nữa, website của bạn sẽ trông có vẻ chuyên nghiệp hơn.

Bạn cần gì

Trước khi bắt đầu bạn cần chuẩn bị:

  • Một hình vuông được dùng làm iconcho website.
  • Truy cập vào FTP (website files)

Bước 1 Để cho trình duyệt tự động lấy favicon (không cần đổi code của site này)

Hầu hết các trình duyệt sẽ tự động xác định file favicon.icođặt trên thư mục website của bạn và đặt nó làm icon của website. Đây là cách dễ nhất để thêm favicon.

  1. Đầu tiên, bạn cần có một hình vuông,ở các định dạng hình ảnh (jpg, bmp, gif, png) để nó hiện bình thường trên browsers. Tuy nhiên, hình không vuông cũng dùng được, có điều icon nó sẽ không chuyên nghiệp.
  2. Chuyển hình đó sang định dạng .ico. Có nhiều tools online có thể làm được, trong bài này, chúng tôi dùngconvertico.com.
  3. Mở trang convertico.com, bạn sẽ thấy một button để upload file hình của bạn.
    Cách lấy logo trên trang web
    Cách lấy logo trên trang web
  4. Nhấn vào button đó và chon hình bạn thích và ngay sau đó hình sẽ được chuyển tự động và hiện lên phía thanh bên phải để bạn tải về:
    Cách lấy logo trên trang web
    Cách lấy logo trên trang web
  5. Tải về bằng cách nhấn nút Downloadvà hãy ghi nhớ vị trí file tải về
  6. Đổi tên file mớ tải thành favicon.ico, vì trình duyệt chỉ nhận dạng được nếu nó có tên favicon.ico
  7. Bước cuối là upload file này lên thư mục gốc chứa website. Để upload có thể sử dụngFile Managerhoặc FTP client. Dưới host nền Linux, thư mục thường dùng là public_html tuy nhiên, việc này có thể có đường dẫn khác tùy thuộc vào nhà cung cấp hosting của bạn. Với trường hợp đó bạn có thể nhờ tư vấn từ nhà cung cấp đó.

Khi favicon.ico được tải lên trong thư mục chứa website, khi duyệt web bạn sẽ thấy hình đó trên thanh ghi địa chỉ.

Cách lấy logo trên trang web
Cách lấy logo trên trang web

QUAN TRỌNG: nếu không thấy favicon mới, xóa cache trình duyệtvà khởi động lại.

Cách2 Dùng hình bình thường và xác định nó trong code của website

Nếu gặp khó khăn trong việc đổi định dạng từ image sang một định dạng khác, bạn có thể dùng một hình thông thường như là một favicon của website.

  1. Đầu tiên, bạn cần có một hình vuông,ở các định dạng hình ảnh (jpg, bmp, gif, png) để nó hiện bình thường trên browsers. Tuy nhiên, hình không vuông cũng dùng được, có điều icon nó sẽ không chuyên nghiệp.
  2. Upload file này lên thư mục gốc chứa website. Để upload có thể sử dụng File Managerhoặc FTP client. Dưới host nền Linux, thư mục thường dùng là public_html tuy nhiên, việc này có thể có đường dẫn khác tùy thuộc vào nhà cung cấp hosting của bạn. Với trường hợp đó bạn có thể nhờ tư vấn từ nhà cung cấp đó.
  3. Bây giờ bạn có thể xác định hình bạn muốn dùng làm icon của website. Thêm dòng sau vào thẻ tags trong website code của bạn:

QUAN TRỌNG:Tại chỗ type=image/png,đổipng sang định dạng mà hình của bạn đang dùng và đổi favicon.pngtrong file name thành tên file của bạn.


Code HTML có thể sẽ giống như vậy:

Cách lấy logo trên trang web
Cách lấy logo trên trang web

Hình sẽ được upload với favicon của website.

Cách lấy logo trên trang web
Cách lấy logo trên trang web

QUAN TRỌNG: nếu không thấy favicon mới, xóa cache trình duyệt (clear cache of your browser) và khởi động lại.

Kết luận

Bạn đã biết 2 cách để thêm favicon vào website. Đây là một tinh chỉnh nhỏ những nó sẽ giúp website của bạn trông đặc biệt trong mắt khách truy cập.

Bài viết này được chỉnh sửa lần cuối vào Tháng Bảy 17, 2017 11:07 sáng