Cách tạo favicon cho website của bạn trông “cool” hơn

Dec 27
Home » WordPress » Cách tạo favicon cho website của bạn trông “cool” hơn

Favicon là gì và làm thế nào để tạo favicon cho website của bạn. Chèn favicon vào website như thế nào? Bài viết sau đây sẽ giúp bạn!

Favicon là gì?

Favicon là viết tắt của từ favorite icon có nghĩa là “biểu tượng yêu thích”. Đây là một hình ảnh thu nhỏ trước tiêu đề của website. Favicon còn được gọi là bookmark icon vì nó cũng hiển thị khi người dùng bookmark (đánh dấu) website của bạn.

Tạo favicon cho website-tickxanh.com

Tầm quan trọng của việc tạo favicon cho website

Có thể nói favicon cũng giống như một logo thu nhỏ. Nó giúp người dùng nhận ra thương hiệu của bạn giữa một rừng website khác và trong thanh bookmark.

Ngoài ra, tạo favicon cho website còn hỗ trợ rất tốt cho SEO. Đây là một yếu tố đánh giá SEO của SEOquake.

Cách tạo favicon cho website

Đầu tiên, bạn cần một file ảnh hình vuông.

Bạn chỉ cần mở Photoshop lên và tạo một file theo ý thích. Sau đó lưu lại với tên bất kỳ với kích thước tối thiểu là 512 x 512 px.

Nếu muốn trong suốt thì lưu với định dạng gif hoặc png. (chọn .png nếu bạn muốn chèn favicon bằng FTP như ở dưới)

Sau đó tùy vào một trong hai cách chèn favicon vào website dưới đây mà bạn sẽ làm tiếp bước sau.

Chuyển file ảnh bạn vừa tạo ở trên qua định dạng .ico. Có nhiều công cụ online giúp bạn làm điều này ví dụ như https://convertico.com/.

Tạo favicon cho website-tickxanh.com

Kéo thả hoặc chọn file .png mà bạn muốn chuyển đổi. Đợi khoảng 1s, bấm vào nút Download bên phải để tải về máy.

Lưu ý: File ảnh phải có đuôi .png và kích thước tối đa 2 MB.

Cách chèn favicon vào website

Chèn favicon trực tiếp trong theme

Để kiểm tra xem theme bạn đang sử dụng có hỗ trợ không chỉ cần vào Appearance > Customize > Header > Site Title

Chọn Select Image để tải ảnh lên. Yêu cầu kích thước vuông và tối thiểu là 512 x512 px như đã tạo bằng Photoshop ở trên.

Chèn favicon bằng FTP

Bạn upload file favicon.ico vừa tạo ở trên lên thư mục gốc của website qua cPanel

Sau đó gõ vào trình duyệt yourdomain.com/favicon.ico để kiếm tra. Nếu chưa thấy, xóa cache trình duyệt và tải lại.

Cách thứ ba là sử dụng plugin ví dụ như All In One Favicon.

Như vậy là mình vừa hướng dẫn các bạn cách tạo favicon cho website và chèn favicon vào website như thế nào. Chúc các bạn thành công!

Đặng Đình Quân

Hé lô mọi người! Mình tên là Quân, kẻ đứng sau blog này. Mình là người khá hài hước và ham học hỏi. Mình viết blog này để ghi chép những gì đã học được và mong có thể  giúp được ai đó!

Bình luận

avatar
  Đăng ký  
Thông báo cho tôi khi
Share This