Để thu hút người dùng chú ý và ghi nhớ đến hình ảnh thương hiệu thì một hình ảnh logo xuất hiện ở nhiều nơi là một lợi thế lớn. Một favicon là yếu tố có thể giúp bạn có thể làm được điều đó. Hôm nay hãy cùng T-web tìm hiểu về cách tạo favicon và cách thêm favicon vào website WordPress.
Favicon website là gì?
Favicon là viết tắt của từ Favorite icon, là hình ảnh hoặc biểu tượng nhỏ nằm trên đầu mỗi tab trên trình duyệt web giống như một logo đại diện cho một website. Ngoài ra nó còn được gọi là website icon (biểu tượng trang web), tap icon (biểu tượng của tab) hay bookmark icon (bookmark)…
Thông thường các favicon cũng chính là logo thương hiệu ở dạng rút gọn, chỉ có phần hình ảnh/chữ viết chính của logo, không có tagline, không có tên thương hiệu.
Favicon thường có nhiều định dạng như: gif, jpeg, png,…nhưng định dạng phổ biến và cũng là mặc định là định dạng ico. Kích thước của một Favicon thường là 16×16, 32×32, 48×48 (pixels) …
Tìm hiểu thêm: RSS là gì?
Tại sao website WordPress của bạn cần favicon?
Favicon tuy chỉ là một biểu tượng nhỏ trên tab hay bookmark trình duyệt nhưng nó đóng vai trò khá quan trọng:
- Theo các nghiên cứu mới nhất từ NASA, người dùng thường có thói quen mở nhiều tab cùng một lúc trên trình duyệt. Vì thế các icon nổi bật trên tab khiến họ dễ dàng nhận ra tab trang web của bạn. Nó giúp người dùng nhận biết và phân biệt các trang web mà không cần phải kiểm tra từng web. Cũng tương tự trong bookmark hay trong lịch sử tìm kiếm, các user có thể dễ dàng tìm thấy bạn nếu bạn có một favicon ấn tượng.
- Ngoài ra, favicon là một phần giúp nhận diện thương hiệu cho website của bạn. Một favicon luôn đi kèm với trang web và xuất hiện ở mọi nơi như tab, bookmark, history hoặc trên kết quả tìm kiếm…Vì thế, một website có icon nổi bật sẽ để lại ấn tượng trong tâm trí khách hàng, giúp họ dễ dàng ghi nhớ và phân biệt website của bạn so với đối thủ.
- Ngoài ra favicon còn có vai trò hỗ trợ SEO. Tab icon là một trong những yếu tố đánh giá website của SEOquake. Hơn thế, biểu tượng favicon cũng xuất hiện trong các kết quả tìm kiếm, nếu website của bạn có icon đẹp mắt và thu hút, chuyên nghiệp, thể hiện được tính thương hiệu, chắc hẳn khách hàng sẽ click vào website của bạn thay vì đối thủ, từ đó giúp gia tăng thứ hạng website của bạn.
- Cuối cùng, favicon là yếu tố giúp khách hàng đánh giá phần nào mức độ chuyên nghiệp và thẩm mỹ của website của bạn. Những website không có favicon thường sẽ không tạo được ấn tượng đối với người xem.
Cần đáp ứng những gì để tạo ra favicon website chuẩn?
Ngày này, người dùng thường lướt web trên các nền tảng thiết bị cũng như trình duyệt khác nhau, vì vậy khi thiết kế favicon bạn cũng nên lưu ý thiết kế đảm bảo rằng chúng sẽ hiển thị đúng trên tất cả các trường hợp này. Bạn cần chú các điều sau:
- Nên có nhiều kích thước Favicon, việc này giúp việc hiển thị giữa các trình duyệt giữa các nền tảng thiết bị được chính xác hơn. Các kích thước favicon thường là: 16×16 px, 20×20 px, 24×24 px,…
- định dạng file favicon cũng nên đa dạng. Các định dạng đuôi file phổ biến của Favicon thường là .ico. Tùy vào nền tảng mà website bạn xây dựng mà bạn có thể thiết kế đuôi file định dạng phù hợp
- Bạn có thể lấy logo của doanh nghiệp để favicon. Nhưng bởi vì kích thước của favicon rất nhỏ nên favicon càng đơn giản và mang dấu ấn riêng của doanh nghiệp càng tốt.
Hướng dẫn tạo favicon cho website đơn giản
Cách tạo favicon thủ công bằng phần mềm
Để có thể tạo được một Favicon thủ công đòi hỏi bạn cần có một chút kiến thức về photoshop hoặc các phần mềm tương tự khác như Adobe Illustrator, Lightroom, paint cũng như các kiến thức về Design. Hoặc bạn có thể sử dụng file logo của mình. Thứ bạn cần chuẩn bị là một hình ảnh vuông có kích thước 32px hoặc 256px và sau đó hay thiết kế gói gọn trong hình vuông này. Cuối cùng hãy lưu file favicon mà bạn đã thiết kế dưới dạng .png hoặc gif. Ngoài ra, tùy thuộc vào nhà cung cấp hosting của bạn và việc đưa file buộc đổi sang dạng đuôi .ico. Trong trường hợp phải đưa dạng đuôi .ico, bạn có thể vào trang web convertico.com hoặc favicon-generator.com để chuyển sang đuôi .ico.
Xem thêm: băng thông là gì?
Những trang web trực tuyến hỗ trợ tạo favicon miễn phí
Một cách khác để tạo ra favicon đẹp, ấn tượng mà không cần các kỹ năng photoshop hay thiết kế là sử dụng những công cụ hỗ trợ trực tuyến miễn phí. Các công cụ này sẽ hỗ trợ các bạn tạo ra các favicon bằng các layout và biểu tượng có sẵn và bạn chỉ cần ghép chúng lại với nhau.
1. Favicon.io
Ngoài việc đổi file thiết kế sang dạng .ico thì trang web Favicon.io còn hỗ trợ người dùng tạo một Favicon miễn phí. Bạn có thể tận dụng tính năng này, tuy nhiên nếu bạn chưa bao giờ sử dụng công cụ này thì bạn sẽ mất rất nhiều thời gian để làm quen và tạo cho mình một favicon.
2. Favicon.cc
Favicon.cc với nhiều các tính năng hỗ trợ. Ngoài ra công cụ này còn có thể tạo ra favicon hoạt ảnh, tính năng trong suốt.
3. Genfavicon
Genfavicon là công cụ thân thiện với người dùng bởi giao diện đơn giản, dễ nắm bắt. Tuy nhiên công cụ này có một số hạn chế, không hỗ trợ người dùng tạo ra một favicon ngay từ đầu mà chỉ chỉnh sửa ảnh có sẵn.
4. Favic-O-Matic
Favic-O-Matic là một công cụ tiện lợi và có nhiều tính năng tích hợp để bạn sử dụng. Ngoài giúp bạn tạo ra một favicon, công cụ này còn giúp bạn kiểm tra favicon của bạn có đạt chuẩn hay chưa và cấp mã HTML cho các favicon mà bạn tạo ra.
5. Real Favicon Generator
Cũng như Favic-O-Matic, Real Favicon Generator cũng có khá nhiều tính năng tích hợp. Ngoài ra, công cụ này còn giúp bạn xem được demo của favicon, cách nó hiển thị trên trình duyệt, để có thể chỉnh sửa và tùy chỉnh nó vào từng trình duyệt hay hệ điều hành khác nhau.
Hướng dẫn thêm favicon vào website WordPress
WordPress là một nền tảng xây dựng website miễn phí được nhiều người Việt Nam sử dụng. Nền tảng này cho phép người dùng tự quản lý và xây dựng trang web riêng của mình. Vì vậy việc tạo một favicon trong WordPress cũng khá đơn giản và nếu bạn đang sử dụng nền tảng này, bạn cũng có thể thực hiện điều đó một cách đơn giản như sau:
Bạn có thể dễ dàng thay đổi favicon cho website của mình bằng tính năng thay đổi của WordPress dành cho admin:
Bước 1: Đầu tiên bạn vào phần bảng điều khiển của Admin (Admin Dashboard).
Bước 2: Tiếp theo chọn Appearance, sau đó click vào Customize.
Bước 3: Tiếp tục chọn phần Site Identity.
Bước 4: Ở dưới phần Site icon, chọn Select Image.
Bước 5: Tải lên file favicon từ máy tính.
Bước 6: Xuất bản (publish).
Sau 6 bước trên bạn có thể vào giao diện trang web chính của bạn để xem favicon của mình.
Lời kết
Favicon chỉ là một yếu tố nhỏ nhưng đáng được quan tâm, vì đó là một yếu tố quan trọng khi xây dựng thương hiệu cho một doanh nghiệp. Tạo một favicon rất nhanh chóng và dễ dàng qua các phương pháp mà T-web đã liệt kê, vì thế hãy tiến hành tạo một favicon để mang lại những lợi ích đáng kể cho doanh nghiệp của bạn ngay nhé.