Biểu tượng yêu thích, viết tắt của “biểu tượng yêu thích”, là biểu tượng 16 × 16 pixel (kích thước biểu tượng yêu thích tiêu chuẩn) được sử dụng để đại diện cho một trang web hoặc trang web trong trình duyệt web. Ngay cả khi bạn không chắc chắn chính xác nó là gì, bạn vẫn có thể nhìn thấy nó mỗi khi duyệt internet!
Thông thường, bạn sẽ tìm thấy biểu tượng yêu thích trên các tab ở đầu trình duyệt web. Ngoài ra, biểu tượng yêu thích cũng xuất hiện trong thanh dấu trang, lịch sử trình duyệt, thanh tìm kiếm và kết quả tìm kiếm trên thiết bị di động trong iOS và Android.
Biểu tượng yêu thích khá giống với biểu tượng ứng dụng. Và, khi ranh giới giữa máy tính để bàn, trình duyệt và ứng dụng di động iOS và Android tiếp tục thu hẹp, biểu tượng yêu thích ngày càng trở nên quan trọng hơn đối với nhận dạng thương hiệu của bạn.
Với lưu ý này, trong bài viết này, chúng tôi sẽ giải thích khi nào bạn nên sử dụng biểu tượng yêu thích và cách bạn có thể tạo biểu tượng yêu thích. Chúng tôi cũng sẽ chia sẻ một số mẹo hữu ích về cách bạn có thể tận dụng tối đa biểu tượng yêu thích mới của mình và hướng dẫn bạn cách tải nó lên trang web WordPress của bạn.
Tại sao sử dụng Favicon
Biểu tượng yêu thích rất quan trọng đối với bản sắc thương hiệu của bạn. Cho dù bạn điều hành blog hay cửa hàng trực tuyến, biểu tượng yêu thích có thể giúp mọi người nhận ra thương hiệu của bạn một cách trực quan.
Nói một cách đơn giản, biểu tượng yêu thích là một hình ảnh dễ nhận dạng cho tab trang web của bạn. Khi người dùng mở nhiều tab trình duyệt, biểu tượng yêu thích cung cấp lời nhắc nhanh rằng trang web của bạn ở đó đang chờ họ. Điều này giúp khách truy cập quay lại trang web của bạn dễ dàng hơn, dẫn đến nhiều lượt truy cập hơn.
Bằng cách này, biểu tượng yêu thích có thể giúp bạn mang lại trải nghiệm người dùng tốt hơn cho khách truy cập, ngay cả khi họ không ở trên trang web của bạn.
Vì biểu tượng yêu thích trên trang web của bạn có thể giúp mọi người dễ dàng nhanh chóng xác định trang web của bạn trong một biển tab, nên về cơ bản, nó là một phần của gói xây dựng thương hiệu nhất quán cho toàn bộ trang web của bạn. Nó đóng một phần trong việc đảm bảo trang web của bạn nổi bật hơn là chung chung.
Ngược lại, để biểu tượng yêu thích mặc định xuất hiện trong các tab trình duyệt, thanh tìm kiếm và dấu trang trông cẩu thả và thiếu chuyên nghiệp. Điều này có thể làm hỏng bản sắc trực quan của thương hiệu của bạn.
Cách tạo biểu tượng yêu thích
Điều đầu tiên bạn cần xác định là ai sẽ tạo ra thiết kế favicon cho trang web của bạn. Điều này phụ thuộc vào sự tự tin thiết kế đồ họa của bạn hoặc khả năng thiết kế đồ họa của những người trong nhóm của bạn. Vì vậy, bước đầu tiên là tìm hiểu xem bạn muốn thuê một nhà thiết kế hay tự mình làm việc đó bằng cách sử dụng phần mềm như Photoshop, GIMP hoặc bất kỳ trình chỉnh sửa hình ảnh nào khác mà bạn chọn.
Bạn cũng có thể sử dụng trình tạo biểu tượng yêu thích để tạo biểu tượng yêu thích của mình. Trình tạo Favicon cho phép bạn tải hình ảnh của mình lên và xuất hình ảnh theo đúng kích thước và loại tệp. Có một số công cụ trực tuyến có sẵn để tạo biểu tượng yêu thích miễn phí cho bạn. Chỉ cần chạy một tìm kiếm trực tuyến nhanh chóng để thu thập một danh sách tốt các máy phát điện để lựa chọn.
Kích thước Favicon
Tiếp theo, bạn sẽ cần xác định kích thước của biểu tượng yêu thích mà bạn cần. Theo truyền thống, biểu tượng yêu thích sẽ chỉ là biểu tượng 16 × 16 pixel với loại tệp ICO. Tuy nhiên, hiện tại, PNG trong suốt 32 × 32 pixel là chuẩn hơn. Điều này là do biểu tượng yêu thích ngày càng lớn hơn với sự ứng dụng ngày càng tăng của internet.
iOS cho phép bạn thêm một trang web vào màn hình chính của mình, làm cho nó giống như một ứng dụng. Đây được gọi là biểu tượng Apple Touch. Đối với điều này, biểu tượng yêu thích của bạn sẽ cần một biểu tượng có kích thước lên đến 180 × 180 pixel. Tương tự, Windows cho phép bạn thêm các trang web làm biểu tượng lối tắt trên màn hình hoặc thanh tác vụ có thể lên đến 310 × 150 pixel.
Bạn phải luôn kiểm tra xem biểu tượng yêu thích của mình có thể được hiển thị ở đâu và tối ưu hóa cho phù hợp. Ví dụ: nếu hầu hết khách truy cập trang web của bạn sử dụng thiết bị di động, bạn sẽ muốn đảm bảo rằng bạn đã tạo đúng kích thước biểu tượng yêu thích. Nếu hầu hết khách truy cập của bạn sử dụng thiết bị iOS như iPhone hoặc iPad, bạn sẽ muốn tạo biểu tượng Apple Touch. Điều quan trọng nữa là biểu tượng yêu thích của bạn phải là PNG trong suốt. Bằng cách này, nó sẽ không bị khối trong các tab trình duyệt.
Với tất cả các kích thước khác nhau được liệt kê, bạn nên chọn kích thước nào khi tạo biểu tượng yêu thích của mình? Trên thực tế, không ai trong số họ! Kích thước biểu tượng yêu thích được đề xuất là 512 × 512 pixel là lựa chọn tốt nhất. Nó sẽ đảm bảo rằng tất cả các kích thước khác được xử lý khi bạn tải lên biểu tượng yêu thích của mình.
Mẹo để tạo một Favicon tuyệt vời
Bây giờ, nếu bạn đang tự hỏi, ” làm thế nào tôi có thể tạo một biểu tượng yêu thích đáng nhớ ?” – đừng lo lắng!
Dưới đây là một số mẹo hữu ích mà bạn có thể làm theo:
- Giữ nó đơn giản. Hãy nhớ rằng bạn không có nhiều không gian để chơi đùa!
- Giữ cho nó dễ nhận biết. Hãy thử và gói gọn thương hiệu của bạn trong một không gian nhỏ mà bạn phải làm việc. Nếu bạn đã quen sử dụng một biểu trưng không phải là một hình vuông nhỏ, hãy thử và tạo ra thứ gì đó gợi lên biểu tượng đó thay vì cố ép toàn bộ nguyên bản vào một cách không cần thiết.
- Sử dụng càng ít văn bản hoặc chữ cái càng tốt. Hãy nhớ rằng biểu tượng yêu thích là một hình ảnh nhỏ. Ngay cả khi logo thông thường của bạn có viết tên công ty của bạn, hãy cố gắng giữ nó ngắn gọn trong biểu tượng yêu thích của bạn.
- Suy nghĩ về màu sắc. Các trình duyệt web khác nhau (như Google Chrome, Android Chrome, Safari và Internet Explorer) sử dụng các bảng màu khác nhau. Và, với sự phổ biến ngày càng tăng của chế độ ban đêm , bạn sẽ muốn đảm bảo biểu tượng yêu thích của mình trông tuyệt vời bất kể trình duyệt của người dùng. Tất cả những gì bạn phải làm là đảm bảo rằng biểu tượng yêu thích trông đẹp và nổi bật ít nhất trên các màu nền trắng, xám và đen.
Ví dụ: favicon WordPress.com chỉ sử dụng một chữ cái W đơn giản, dễ nhận biết . Điều này khiến người dùng liên tưởng đến W ordPress nhưng không chiếm nhiều dung lượng như toàn bộ từ. Nó hoàn hảo cho một biểu tượng yêu thích!
Khi bạn đã tạo favicon, hãy xuất nó dưới dạng favicon.png hoặc favicon.ico.
Tải lên Favicon của bạn lên WordPress.com
Bây giờ bạn đã tạo và xuất hình ảnh favicon của mình, tất cả những gì còn lại cần làm là tải nó lên trang web WordPress.com của bạn. Điều này có thể thực hiện được mà không cần phải xử lý mã HTML hoặc CSS hoặc các thẻ href. Đây là những gì bạn cần làm:
Đăng nhập vào tài khoản WordPress.com của bạn và đi tới Trang web của tôi → Cài đặt . Trong tab Chung , nhấp vào nút Thay đổi .
Bạn sẽ được chuyển hướng đến WordPress Customizer. Nhấp vào nút Chọn biểu tượng trang web để tiếp tục. Tiếp theo, bạn sẽ thấy Thư viện phương tiện của mình trên màn hình. Từ đây, bạn có thể chọn một hình ảnh hiện có hoặc tải lên một hình ảnh mới. Hãy nhớ rằng kích thước biểu tượng yêu thích tối thiểu được đề xuất là 512 × 512 pixel.
Tốt nhất, nó cũng phải là một PNG trong suốt. Định dạng tệp PNG cũng thường có kích thước nhỏ hơn. Điều đó nói rằng, một số nhà thiết kế thích sử dụng định dạng tệp ICO, tức là favicon.ico.
Khi bạn đã chọn một hình ảnh để sử dụng làm biểu tượng yêu thích của mình, hãy nhấp vào nút Tiếp tục .
Vì Biểu tượng Trang web (biểu tượng yêu thích) phải là hình vuông, bạn sẽ được nhắc tùy chọn cắt hình ảnh theo ý thích của mình. Sử dụng tay cầm ở góc để thay đổi kích thước hộp giới hạn hoặc định vị lại hộp bằng cách kéo hộp.
Khi bạn cắt xong, hãy nhấp vào Xong để tiếp tục.
Nếu bạn đã chỉnh sửa hình ảnh, trước tiên nó sẽ được tải lên trước khi lưu cài đặt mới của bạn. Bạn sẽ thấy một vòng xoay cho biết rằng biểu tượng mới của bạn đang được tải lên. Bạn sẽ biết rằng biểu tượng đã sẵn sàng khi bạn thấy thông báo xác nhận rằng cài đặt của bạn đã được lưu thành công.
Để xóa biểu tượng, bạn có thể chỉ cần đi tới Trang web của tôi → Cài đặt và trong tab Chung , nhấp vào nút Xóa .
Sự kết luận
Biểu tượng yêu thích là một phần thiết yếu trong nhận diện thương hiệu của bạn, đó là lý do tại sao điều quan trọng là bạn phải làm đúng. Nó xuất hiện trong tab trình duyệt, thanh dấu trang, lịch sử trình duyệt, thanh địa chỉ URL và thanh tìm kiếm và trong kết quả tìm kiếm trên điện thoại di động. Khi bạn đã tạo biểu tượng yêu thích định dạng trong suốt, PNG hoặc ICO, bạn có thể tải nó lên trang web WordPress của mình bằng một vài bước đơn giản mà không cần phải sử dụng bất kỳ mã HTML hoặc CSS hoặc thẻ href.
Tóm lại, đây là một số mẹo cần ghi nhớ khi tạo biểu tượng yêu thích của bạn:
- Giữ nó đơn giản
- Giữ cho nó dễ nhận biết
- Sử dụng càng ít văn bản hoặc chữ cái càng tốt
- Suy nghĩ về màu sắc
Sẵn sàng thiết lập trang web của bạn và thêm biểu tượng yêu thích vào nó? Đăng ký WordPress.com ngay hôm nay!
