Một biểu tượng yêu thích là hình ảnh nhỏ thú vị bên cạnh thanh địa chỉ trong trình duyệt của bạn. Đó là thứ tạo nên sự khác biệt cho trang web của bạn trong tab dấu trang và có thể được sử dụng để tăng nhận thức về thương hiệu. Nếu bạn có một trang web nhưng chưa bao giờ cân nhắc tạo biểu tượng yêu thích, bạn nên suy nghĩ lại quyết định của mình. Càng ngày, các nhà phát triển phần mềm đang sử dụng biểu tượng yêu thích cho các khía cạnh khác nhau của ứng dụng của họ, chẳng hạn như biểu tượng màn hình chính trên máy tính bảng. May mắn thay, thiết kế, tạo và triển khai biểu tượng yêu thích là điều mà hầu như ai cũng có thể làm được nếu họ làm theo đúng các bước.
Các bước
Phương pháp 1 trong 3: Thiết kế Favicon của bạn
Bước 1. Tạo một biểu tượng yêu thích đại diện cho trang web của bạn
Loại trang web bạn có sẽ xác định giao diện của biểu tượng yêu thích của bạn. Cố gắng thiết kế một cái gì đó sẽ gắn liền với hình ảnh thương hiệu của bạn và điều đó sẽ dễ nhận biết và dễ nhớ đối với mọi người. Biểu tượng yêu thích của bạn sẽ là thứ đầu tiên mà mọi người nhìn thấy khi họ nhìn vào các tab trong trình duyệt của họ và cũng sẽ xuất hiện trong dấu trang của mọi người.
- Ví dụ: nếu bạn có một trang web về thực phẩm, việc chọn một biểu tượng yêu thích có trái cây hoặc rau làm thiết kế có thể làm cho nó đáng nhớ hơn.
- Nếu trang web của bạn dành cho công ty luật hoặc công ty đầu tư, thì tốt nhất là một biểu tượng yêu thích kiểu dáng đẹp và truyền thống.
- Nếu trang web của bạn hướng đến những người trẻ tuổi, hãy thử tạo một biểu tượng yêu thích vui tươi và đầy màu sắc.
Bước 2. Quyết định xem bạn có muốn một nền trong suốt hay không
Nếu bạn không chỉ định nền, thì nền đó sẽ tô màu trắng, có thể không phù hợp với thương hiệu của bạn. Nền trong suốt sẽ mang màu sắc của trình duyệt của người đó và trông hợp lý hơn trong một số trường hợp. Trong các trường hợp khác, có một màu cho nền sẽ làm cho các chữ cái hoặc đồ họa ở nền trước nổi lên. Quyết định điều gì sẽ là tốt nhất cho thiết kế của bạn và ghi nhớ nó khi bạn thực hiện nó.
Hình đại diện cơ bản nhất là hình vuông 16x16 và có màu nền
Bước 3. Tạo biểu tượng yêu thích dễ đọc
Bởi vì hình ảnh biểu tượng yêu thích mà bạn sẽ sử dụng có kích thước nhỏ, điều quan trọng là bạn có thể quảng bá thương hiệu của mình mà không gây nhầm lẫn cho khách truy cập. Một biểu tượng yêu thích khó đọc để lại ấn tượng tiêu cực và có thể tạo ra câu hỏi trong tâm trí khách truy cập về chất lượng công việc mà bạn có thể cung cấp. Hình ảnh và biểu trưng quá phức tạp trông sẽ không đẹp khi thu nhỏ xuống 16x16 hoặc 32x32 pixel.
- Nếu biểu trưng hiện tại của bạn quá phức tạp, thì bạn có thể sử dụng các chiến thuật để đơn giản hóa nó, để nó có thể dễ nhận biết ở kích thước biểu tượng. Sử dụng tên viết tắt thay vì hiển thị toàn bộ tên công ty hoặc thiết kế một biểu tượng đơn giản hơn là sử dụng hình ảnh.
- Nếu bạn đã có một biểu trưng đơn giản, bạn có thể thu nhỏ hình ảnh và đặt nó làm biểu tượng yêu thích của mình. Bạn có thể cần phải thay đổi nó trước khi chuyển đổi nó thành một tệp biểu tượng.
- Bạn cũng có thể sử dụng hình ảnh của một đối tượng mô tả chủ đề tổng thể của trang web của bạn.
Bước 4. Tạo một biểu tượng yêu thích về mặt thẩm mỹ
Cấu trúc của biểu tượng yêu thích của bạn được gọi là hình thức của nó. Biểu tượng yêu thích thường có hình dạng, như hình tròn hoặc hình vuông. Khi bạn thiết kế biểu tượng yêu thích của mình, nói chung sẽ tốt hơn nếu nó có thể vừa với một trong các dạng cơ bản này vì các hình dạng tự do thường có thể bị xáo trộn hoặc nhầm lẫn ở 16x16 pixel. Một khía cạnh quan trọng khác trong thiết kế của bạn được gọi là sự thống nhất về mặt thẩm mỹ. Sự thống nhất về mặt thẩm mỹ bao gồm các chi tiết và kích thước của các thành phần khác nhau trong biểu tượng yêu thích của bạn và biểu tượng yêu thích của bạn được cân bằng như thế nào. Các chi tiết càng đồng đều, biểu tượng yêu thích của bạn sẽ càng gắn kết. Ví dụ: sử dụng các loại hoặc kích thước phông chữ khác nhau trong biểu tượng yêu thích của bạn không đẹp mắt và có thể khiến biểu tượng yêu thích của bạn trông rối mắt hoặc lộn xộn.
- Một ví dụ khác về sự thống nhất thẩm mỹ là duy trì các góc tròn trong suốt các hình dạng trong biểu tượng yêu thích của bạn.
- Một ví dụ điển hình về biểu tượng đã thay đổi hình thức là biểu tượng yêu thích của Google. Nó đã thay đổi từ hình vuông thành hình tròn.
Bước 5. Sử dụng màu sắc gắn kết với thương hiệu của bạn
Khi bạn tạo biểu tượng yêu thích của mình, bạn nên tạo nó ở độ sâu màu 8 bit (256 màu) hoặc 24 bit (16,7 triệu màu), vì điều này sẽ hoạt động trên các trình duyệt hiện đại. Đảm bảo rằng màu sắc bạn chọn có thể được tìm thấy ở những nơi khác trên trang web của bạn hoặc được liên kết theo một cách nào đó với thương hiệu của bạn. Biểu tượng yêu thích có màu sắc không có trên trang web, biểu trưng hoặc ứng dụng của bạn sẽ không đáng nhớ và mọi người sẽ không thể liên kết biểu tượng đó với thương hiệu của bạn.
- Một số cách sử dụng sáng tạo của màu favicon bao gồm GitHub thay đổi màu sắc tùy thuộc vào trạng thái hệ thống của bạn và Trello, thay đổi tùy thuộc vào màu nền của bạn.
- Các màu phổ biến nhất được sử dụng trong biểu tượng yêu thích là đỏ và xanh lam.
Bước 6. Cân nhắc đối tượng của bạn khi thiết kế biểu tượng yêu thích
Ngoài việc xác định thương hiệu của bạn, biểu tượng yêu thích của bạn cần phải trông hấp dẫn đối với khách truy cập. Những người có thị hiếu, sở thích và chuẩn mực xã hội khác nhau sẽ nhìn nhận các hình tượng khác nhau từ các góc độ khác nhau. Sự khác biệt văn hóa tồn tại trong xã hội của chúng ta và có thể gây nhầm lẫn hoặc đẩy lùi khán giả mà bạn đang cố gắng thu hút.
Ví dụ: Mac Os X sử dụng một con tem là biểu tượng chung cho thư. Sử dụng một hộp thư sẽ không hiệu quả vì các hộp thư khác nhau ở các nơi khác nhau trên thế giới
Bước 7. Lấy ý kiến của bạn bè và đồng nghiệp
Mặc dù nó không quá chuyên sâu về mặt đồ họa, nhưng biểu tượng yêu thích là một phần quan trọng trong thương hiệu của bạn. Ví dụ: hãy nghĩ về các trang web yêu thích của bạn như Twitter, Gmail, Facebook hoặc wikiHow và mức độ bạn liên kết biểu tượng yêu thích với thương hiệu. Nếu bạn không có mắt nhìn tốt về thiết kế, hoặc bạn đang bối rối về kiểu thiết kế nào bạn nên có cho trang web của mình, hãy tham khảo ý kiến của những người bạn có mắt về thiết kế hoặc những người làm việc trong lĩnh vực thiết kế đồ họa.
- Hãy hỏi xung quanh mạng lưới bạn bè của bạn để xem có ai có thể tư vấn thiết kế miễn phí không.
- Các công ty lớn hơn có các nhà thiết kế đồ họa nội bộ có thể tạo hình ảnh favicon.
Phương pháp 2/3: Tạo Favicon của bạn
Bước 1. Sử dụng phần mềm chỉnh sửa ảnh để tạo biểu tượng yêu thích của bạn
Bạn có thể sử dụng phần mềm chỉnh sửa ảnh như Adobe Photoshop hoặc Illustrator để tạo hình ảnh cho biểu tượng yêu thích của mình. Các ứng dụng phần mềm này cũng cho phép bạn thay đổi kích thước và xuất hình ảnh theo đúng định dạng. Một số phần mềm cho phép bạn tạo biểu tượng yêu thích của mình bằng tay.
- Ngoài ra còn có các chương trình chỉnh sửa cụ thể cho favicon mà bạn có thể tìm thấy trực tuyến.
- Sử dụng công cụ tìm kiếm và nhập "trình chỉnh sửa biểu tượng yêu thích".
- Đặt kích thước canvas của bạn là 512x512 pixel vì con số này chia nhỏ với hầu hết các kích thước biểu tượng yêu thích hiện hành và vẫn đủ lớn để bạn chỉnh sửa hiệu quả.
- Phần mềm chỉnh sửa ảnh phổ biến khác bao gồm GIMP, PhotoScape và Paint. NET.
- Khi sử dụng phần mềm này, bạn sẽ không thể chỉnh sửa trực tiếp các tệp.ico, nhưng bạn có thể sử dụng các tệp.png,-j.webp" />
Bước 2. Thay đổi kích thước và lưu biểu tượng yêu thích của bạn
32x32 px là kích thước của các mục trên màn hình Windows trong khi 16x16 px là kích thước của biểu tượng yêu thích trong tab trình duyệt của bạn. Sau khi bạn tạo biểu tượng yêu thích của mình ở định dạng lớn hơn, điều quan trọng là phải giảm kích thước của nó để bạn có thể thấy nó trông như thế nào trong trình duyệt của mọi người. Nếu nó không thể đọc được hoặc không đẹp về mặt thẩm mỹ, hãy bắt đầu lại thiết kế ban đầu của bạn. Hãy nghĩ về các nền tảng mà trang web hoặc ứng dụng của bạn có nhiều khả năng sẽ được sử dụng và sau đó tạo biểu tượng yêu thích để bao gồm tất cả các cơ sở của bạn.
- Điều quan trọng cần lưu ý là phần cứng và phần mềm khác nhau sử dụng các kích thước biểu tượng yêu thích khác nhau.
- Một số kích thước biểu tượng yêu thích khác bao gồm 57x57px cho màn hình chính iOS tiêu chuẩn, 72x72px cho iPad, 96x96px cho Google TV, 128x128px cho Cửa hàng Chrome trực tuyến và 195x195px cho Opera Speed Dial.
- Nếu bạn muốn bao gồm tất cả các cơ sở của mình, bạn có thể tạo các phiên bản biểu tượng yêu thích của mình theo từng kích thước này.
- Lưu các phiên bản riêng biệt của biểu tượng yêu thích của bạn, để bạn không mất công việc mình đã làm.
Bước 3. Kết hợp các tệp của bạn bằng công cụ chuyển đổi
Điều tuyệt vời về tệp.ico là bạn có thể kết hợp nhiều tệp để tạo nó. Điều này rất hữu ích vì các trình duyệt và phần mềm khác nhau sẽ muốn có một biểu tượng yêu thích có kích thước khác nhau. Để đảm bảo biểu tượng yêu thích của bạn trông đẹp trên tất cả các nền tảng khác nhau, hãy chuyển đổi tệp của bạn bằng công cụ chuyển đổi trực tuyến. Nhập "công cụ chuyển đổi biểu tượng" vào công cụ tìm kiếm yêu thích của bạn để tìm các ứng dụng trực tuyến miễn phí để thực hiện việc này. Lưu tệp đã hợp nhất dưới dạng "favicon.ico."
- Bạn cũng có thể sử dụng một chương trình như GIMP có tính năng tích hợp sẵn hoặc tải xuống một plugin có tên ICO FORMAT cho Adobe Photoshop.
- Tạo một thư mục mới để bạn có thể lưu trữ các biểu tượng yêu thích mới hoặc các công việc đang tiến hành.
- Nhập "trình chuyển đổi.ico" hoặc "trình tạo favicon" trong công cụ tìm kiếm để tìm các công cụ khác nhau mà bạn có thể sử dụng.
Phương pháp 3/3: Triển khai Favicon của bạn
Bước 1. Tải lên biểu tượng yêu thích của bạn nếu bạn đang sử dụng trình chỉnh sửa trang web
Nhiều trình chỉnh sửa trang web có sẵn một biểu mẫu cho phép bạn tải biểu tượng yêu thích lên trang web của mình một cách tự động. Nếu bạn đang sử dụng trình chỉnh sửa trang web có tích hợp sẵn tính năng này, hãy tìm các tùy chọn có nội dung "Tải lên biểu tượng yêu thích" hoặc "Thêm biểu tượng yêu thích" trong menu cài đặt trang web của bạn. Chọn tệp favicon.ico của bạn và tải nó lên trang web của bạn.
Nếu bạn không thể tìm thấy nơi để tải biểu tượng yêu thích của mình lên trình chỉnh sửa trang web của mình, bạn sẽ phải làm điều đó theo cách thủ công
Bước 2. Tải tệp lên thư mục gốc của trang web của bạn
Nếu trang web của bạn hỗ trợ Giao thức truyền tệp hoặc FTP, thì bạn có thể sử dụng ứng dụng khách FTP để tải tệp favicon.icon mới lên thư mục gốc (chỉ mục) của bạn. Nếu không, bạn sẽ phải truy cập trang máy chủ web của mình và tải hình ảnh lên theo cách thủ công. Hãy nhớ thay thế tệp favicon.ico hiện có bằng tệp mới của bạn.
Bước 3. Thêm tệp vào tiêu đề của bạn
Tìm nơi bạn có thể truy cập các tệp PHP và CSS cho trang web của mình. Truy cập tệp header.php của trang web của bạn và chỉnh sửa nó. Trong loại thẻ,"
-
. Điều này sẽ kết nối trang web của bạn với biểu tượng yêu thích của bạn.
Bởi vì bạn đang sử dụng PHP, điều đó có nghĩa là bất kỳ trang web nào sử dụng tệp tiêu đề của bạn bây giờ sẽ có cùng một biểu tượng yêu thích
Tạo biểu tượng yêu thích của riêng bạn Bước 14 Bước 4. Làm mới trình duyệt của bạn
Sau khi tải xong biểu tượng yêu thích lên, bạn có thể làm mới trình duyệt của mình để xem hình ảnh mới của mình bên cạnh thanh địa chỉ. Để chuyển trực tiếp đến hình ảnh của biểu tượng yêu thích đã cập nhật của bạn, hãy nhập "https://www.yourdomain.com/favicon.ico".
- Nếu biểu tượng yêu thích của bạn không xuất hiện ban đầu, bạn có thể phải đặt lại bộ nhớ cache của trình duyệt.
- Để xóa bộ nhớ cache của bạn, hãy đi tới cài đặt của trình duyệt và xóa các Tệp Internet, Cookie và Lịch sử Tạm thời của bạn.
