Thiết lập biểu tượng tùy chỉnh khi người đọc đánh dấu trang web của bạn
Bạn đã bao giờ nhận thấy biểu tượng nhỏ xuất hiện trong dấu trang của mình và trong màn hình tab của một số trình duyệt web chưa? Đó được gọi là biểu tượng yêu thích hoặc favicon.
Một favicon là một phần quan trọng trong việc tiếp thị trang web của bạn nhưng bạn sẽ ngạc nhiên về số lượng trang web không có. Điều này là không may, vì chúng tương đối dễ tạo, đặc biệt nếu bạn đã có đồ họa và logo cho trang web của bạn.
Tạo một Favicon Đầu tiên Tạo hình ảnh của bạn
Sử dụng chương trình đồ họa, tạo hình ảnh có kích thước 16 x 16 pixel. Một số trình duyệt hỗ trợ các kích thước khác bao gồm 32 x 32, 48 x 48 và 64 x 64, nhưng bạn nên kiểm tra kích thước lớn hơn 16 x 16 trong các trình duyệt mà bạn hỗ trợ. Hãy nhớ rằng 16 x 16 là rất nhỏ, vì vậy hãy thử nhiều phiên bản khác nhau cho đến khi bạn tạo hình ảnh sẽ hoạt động cho trang web của bạn. Một cách mà nhiều người làm điều này là tạo ra một hình ảnh lớn hơn nhiều so với kích thước nhỏ đó, và sau đó thay đổi kích thước nó xuống. Điều này có thể hoạt động, nhưng thường thì những hình ảnh lớn hơn sẽ không tốt khi bị thu nhỏ.
Chúng tôi thích làm việc trực tiếp với kích thước nhỏ hơn, vì vậy nó sẽ rõ ràng hơn về cách mà hình ảnh sẽ nhìn vào cuối. Bạn có thể phóng to chương trình đồ họa của mình và xây dựng hình ảnh. Nó sẽ trông khối ô vuông khi thu nhỏ, nhưng không sao vì điều đó sẽ không rõ ràng khi nó không bị thu nhỏ.
Bạn có thể lưu hình ảnh dưới dạng loại tệp hình ảnh mà bạn thích, nhưng nhiều trình tạo biểu tượng (được thảo luận bên dưới) chỉ có thể hỗ trợ các tệp GIF hoặc BMP . Ngoài ra, các tệp GIF sử dụng màu phẳng và các tệp này thường hiển thị tốt hơn trong không gian nhỏ hơn ảnh JPG.
Chuyển đổi hình ảnh Favicon của bạn thành một biểu tượng
Một khi bạn có một hình ảnh chấp nhận được, bạn cần phải chuyển đổi nó sang định dạng biểu tượng (.ICO).
Nếu bạn đang cố gắng xây dựng biểu tượng của mình một cách nhanh chóng, bạn có thể sử dụng trình tạo Favicon trực tuyến, chẳng hạn như FaviconGenerator.com. Những máy phát điện này không có nhiều tính năng như phần mềm tạo biểu tượng, nhưng chúng nhanh chóng và có thể giúp bạn nhận được một favicon chỉ trong vài giây.
Favicons dưới dạng PNG hình ảnh và các định dạng khác
Ngày càng có nhiều trình duyệt hỗ trợ nhiều hơn chỉ các tệp ICO làm biểu tượng. Ngay bây giờ, bạn có thể có một favicon trong các định dạng như PNG, GIF, GIF động, JPG, APNG và thậm chí SVG (chỉ trên Opera). Có nhiều sự cố hỗ trợ trong nhiều trình duyệt cho hầu hết các loại này và Internet Explorer chỉ hỗ trợ .ICO . Vì vậy, nếu bạn cần biểu tượng của bạn để hiển thị trong IE, bạn nên gắn bó với ICO.
Xuất bản biểu tượng
Rất đơn giản để xuất bản biểu tượng, chỉ cần tải nó lên thư mục gốc của trang web của bạn. Ví dụ, biểu tượng Thoughtco.com được đặt tại /favicon.ico.
Một số trình duyệt sẽ tìm thấy các favicon nếu nó sống trong thư mục gốc của trang web của bạn, nhưng để có kết quả tốt nhất, bạn nên thêm một liên kết đến nó từ mọi trang trên trang web của bạn nơi bạn muốn favicon. Điều này cũng cho phép bạn sử dụng các tệp có tên khác với favicon.ico hoặc để lưu trữ chúng trong các thư mục khác nhau.