Hướng dẫn tạo Favicon cho website và chèn Favicon vào web

Hướng dẫn tạo Favicon cho website và chèn Favicon vào web

Favicon là gì và làm thế nào để tạo favicon cho website của bạn. Chèn favicon vào web như thế nào? Mời các bạn cùng theo dõi nhé!

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”. 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 WordPress

Favicon là gì

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ỏ. 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 và chèn favicon vào web còn hỗ trợ rất tốt cho SEO. Là một yếu tố đánh giá SEO của SEOquake.

CÁCH TẠO FAVICON CHO WEBSITE

Thực ra có rất nhiều cách tạo favicon cho website. Mình xin đi qua như sau:
 TẠO FAVICON BẰNG PHOTOSHOP
 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à 512x512px.
 
 Nếu muốn trong suốt thì lưu với định dạng gif hoặc png.
 TẠO FAVICON CHO WEBSITE BẰNG PHẦN MỀM
 Có rất nhiều phần mềm giúp bạn làm việc này. Bạn có tải về tại đây.
 TẠO FAVICON TRỰC TUYẾN HAY ONLINE
 Cũng có rất nhiều website để bạn làm. Mình hay sử dụng website này để tạo favicon trực tuyến: http://tools.dynamicdrive.com/favicon/
 
 Chọn Choose File để tải file lên, hỗ trợ định dạng gif, jpg, png, và bmp. Sử dụng file gif hoặc png nếu muốn tạo nền trong suốt. Kích thước tối đa 150Kb.

Tạo favicon cho website WordPress

Tạo favicon trực tuyến
 
 Có thể thêm các kích thước khác ở ô Optional nếu muốn.
 
 Một khung hiện tra kèm theo Preview để bạn xem trước.
 
 Nếu hài lòng thì nhấn Download Favicon để tải về máy.

Tạo favicon cho website WordPress

Tạo favicon online nhanh chóng

CÁCH CHÈN FAVICON VÀO WEB

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 để up ảnh lên. Tuy nhiên, cách này yêu cầu favicon size bằng nhau và tối thiểu là 512px.

Tạo favicon cho website WordPress

Chèn favicon vào web
 
 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 trên host.
 
 Sau đó gõ vào trình duyệt yourdomain/favicon.ico để kiếm tra. Nếu chưa thấy, xóa cache trình duyệt và tải lại.
 
 Đối với WordPress phiên bản 4.2 trở về trước, bạn cần thêm code sau vào file header.php
 
 
 
 Xem thêm: cách hiển thị code trong WordPress như trên
 
 Cách thứ ba là sử dụng plugin ví dụ như All In One Favicon.

KẾT LUẬN

Như vậy là mình vừa hướng dẫn các bạn cách tạo favicon cho WordPress và chèn favicon vào web như thế nào. Favicon tuy là nhỏ nhưng có võ, giúp nhận diện thương hiệu của bạn trong hàng trăm ngàn website khác.
 
 Chúc các bạn thành công!

Click to Post

Show your support

Clapping shows how much you appreciated Ngọc Quân’s story.