Tạo favicon miễn phí từ chữ, emoji hoặc ảnh (PNG + ICO) | We.Inc
Tạo favicon miễn phí từ chữ cái, emoji hoặc logo. Tải PNG cỡ 16–512, favicon.ico và thẻ HTML để thêm vào trang web. Công cụ chạy trong trình duyệt.
Tạo biểu tượng nhỏ hiển thị trên thẻ trình duyệt, dấu trang và màn hình chính điện thoại. Bắt đầu bằng một hoặc hai chữ cái, emoji hoặc logo của bạn, rồi tải mọi kích thước cần dùng cùng favicon.ico và mã HTML để dán. Ảnh không rời khỏi trình duyệt.
Chọn chữ, emoji hoặc ảnh. Với chữ và emoji, chọn màu và hình dạng (vuông, bo góc hoặc tròn).
Biểu tượng được vẽ trên canvas trong trình duyệt rồi đổi kích thước thành 16, 32, 48, 180, 192 và 512 pixel.
Tải từng tệp PNG hoặc favicon.ico (chứa phiên bản 16, 32 và 48 pixel trong cùng một tệp), rồi dán các thẻ liên kết vào phần head của website.
Thiết kế đơn giản: ở kích thước 16 pixel, một hoặc hai chữ cái đậm dễ đọc hơn nhiều so với cả logo.
Tạo độ tương phản rõ giữa chữ và nền để biểu tượng nổi bật trên thẻ trình duyệt sáng và tối.
Tải ảnh hình vuông. Logo ngang sẽ được đặt vừa trong khung vuông, có khoảng trống xung quanh.
Đặt tệp trong thư mục gốc của website để đường dẫn /favicon.ico hoạt động ngay cả khi thiếu thẻ liên kết.
Trình duyệt lưu favicon vào bộ nhớ đệm rất lâu. Nếu chưa thấy biểu tượng mới, hãy mở website trong cửa sổ riêng tư.
Câu hỏi thường gặp
Favicon cần những kích thước nào?
Kích thước 16x16 và 32x32 cho thẻ trình duyệt, 48x48 cho Windows, 180x180 cho biểu tượng Apple touch và 192x192 cùng 512x512 cho Android và tệp kê khai ứng dụng web. Công cụ này tạo tất cả kích thước đó.
Tôi vẫn cần tệp favicon.ico không?
Trình duyệt hiện đại dùng tệp PNG từ thẻ liên kết, nhưng một số công cụ và trình duyệt cũ vẫn yêu cầu /favicon.ico. Tạo thêm tệp này rất dễ nên công cụ sẽ tạo sẵn cho bạn.
Logo tải lên có được gửi đến máy chủ không?
Không. Ảnh được trình duyệt của bạn đọc và đổi kích thước. Không có dữ liệu nào được tải lên.
Tôi có thể dùng emoji làm favicon không?
Có. Chọn chế độ emoji rồi nhập hoặc dán một biểu tượng. Emoji hiển thị hơi khác nhau trên mỗi hệ điều hành nên PNG tải xuống được vẽ bằng phông emoji trên thiết bị của bạn.
Tôi đặt các thẻ liên kết ở đâu?
Đặt bên trong phần <head> của từng trang, thường trong bố cục hoặc mẫu đầu trang của website. Trình tạo website thường có trường tải favicon lên riêng.