Tạo một Favicon tùy chỉnh

Mục lục:

Anonim

Tôi sẽ thừa nhận một cái gì đó táo bạo. Tôi thực sự thích favicon. Họ vui vẻ. Họ là một công cụ xây dựng thương hiệu tuyệt vời. Và họ có thể làm điều gì đó đơn giản mà các chủ doanh nghiệp nhỏ có thể làm để cải thiện trang web của họ và thậm chí tăng khả năng sử dụng cho người dùng.

Nếu bạn không biết Favicon là gì, hãy để tôi cung cấp một số trợ giúp:

$config[code] not found

Favicons là đồ họa mini, 16 × 16 pixel đại diện cho trang Web của bạn trong thanh địa chỉ, trong danh sách người dùng của các dấu trang hoặc trong các tab trình duyệt của họ. Chúng cho phép khách truy cập của bạn tạo kết nối trực quan với trang web của bạn.

Khéo léo! Làm thế nào để bạn tạo ra một?

Thiết kế hình đại diện của bạn:

  • Bằng tay: Mở chương trình đồ họa yêu thích của bạn và truy cập vào nó. Bạn sẽ muốn tạo một tệp mới có kích thước 16 × 16 pixel và phóng to cho đến khi khu vực này có thể hoạt động HOẶC mở ra một khu vực lớn hơn, nhưng vẫn là một dạng bội số của 16 × 16. Khi bạn thiết kế favicon bằng tay, hãy sử dụng thứ gì đó thể hiện chính xác thương hiệu của bạn - cho dù đó là bảng màu phổ biến, tên viết tắt của công ty, v.v. Dù bạn tạo ra sẽ phải chịu những hạn chế khó khăn là 16 × 16 pixel.
  • Với các công cụ: Nếu bạn thiết kế thử thách (không phải lo lắng, tôi cũng vậy), có một số công cụ tuyệt vời giúp ngay cả những người như chúng tôi dễ dàng tạo ra các favicon tuyệt vời. Ví dụ: Favicon.cc sẽ cung cấp cho bạn một số cấu trúc và cho phép bạn xây dựng cấu trúc của bạn trực tiếp từ trang web của họ hoặc FavIcon từ Pics sẽ cho phép bạn tải lên một pic và tạo favicon cho bạn. Đơn giản!

Lưu favicon của bạn: Khi lưu tập tin của bạn, hãy giảm xuống còn 16 bit và lưu dưới dạng favicon.ico, nếu bạn sử dụng Photoshop hoặc Favicon.gif, hoặc favicon.png, nếu bạn sử dụng một cái gì đó khác. Nếu bạn đang sử dụng Photoshop và muốn cung cấp cho favicon của bạn thêm một chút sức mạnh, nó khuyên bạn nên tải xuống plugin định dạng tệp Biểu tượng Windows để bạn có thể lưu ở định dạng ICO.

Tải lên hình đại diện của bạn: Kết nối với máy chủ của bạn và tải favicon của bạn vào thư mục gốc của trang web của bạn. Sau đó, thêm mã HTML sau vào phần đầu của trang Web của bạn (giữa hai thẻ Head) (chọn loại tệp của bạn):

Làm tươi: Khi bạn đã hoàn tất, hãy làm mới trình duyệt của bạn và bạn sẽ thấy favicon của mình xuất hiện. Nếu không, hãy cho nó một vài phút. Đôi khi phải mất một chút để mọi thứ đồng bộ hóa.

Và đó là điều đó! Bốn bước và bạn có một favicon thương hiệu tuyệt vời sẽ giúp người dùng nhận ra trang web của bạn trong danh sách dấu trang hoặc trong trình duyệt của họ. Khá đơn giản phải không?

Để cho vui, đây là một số favicon yêu thích của tôi trên Web:

  • Pháo hoa Michigan
  • Jeffrey Zeldman
  • Boing chèo thuyền
  • Bách khoa toàn thư.com
  • Đánh lừa
  • Blog SEO Michael Gray

Bất kỳ yêu thích cá nhân khác?

17 Bình luận