Tạo Favicon
Biến một ảnh thành bộ favicon đầy đủ với mọi kích thước phổ biến, kèm đoạn HTML sẵn sàng để dán. Tất cả trong trình duyệt của bạn.
Kéo một ảnh vào đây
hoặc
Cách tạo bộ favicon
- Kéo một ảnh vào vùng tải lên, hoặc nhấp để chọn ảnh từ thiết bị của bạn.
- Công cụ làm vuông và căn giữa ảnh của bạn, rồi dựng mọi kích thước favicon phổ biến.
- Tải xuống từng PNG riêng lẻ hoặc dùng Tải tất cả để lấy trọn bộ.
- Sao chép đoạn HTML vào phần head của trang web của bạn.
Câu hỏi thường gặp
Ảnh của tôi có được tải lên máy chủ không?
Không. Các favicon được tạo hoàn toàn trong trình duyệt của bạn bằng Canvas API, vì vậy ảnh của bạn không bao giờ rời khỏi thiết bị.
Trình tạo này xuất ra những kích thước nào?
Nó tạo các tệp PNG 16x16, 32x32, 48x48, 180x180 (apple-touch-icon), 192x192 và 512x512, những kích thước phổ biến nhất mà trình duyệt hiện đại yêu cầu.
Nếu ảnh của tôi không vuông thì sao?
Ảnh được thu nhỏ để vừa với khung vuông và căn giữa, với khoảng trống trong suốt ở hai bên, nên kết quả vẫn hoạt động tốt như một biểu tượng.
Công cụ này có miễn phí không?
Có. Mọi công cụ Handio đều miễn phí, không cần đăng ký, không giới hạn và không có hình mờ.
Công cụ liên quan
Tại sao tạo bộ favicon?
Trình duyệt yêu cầu favicon ở nhiều kích thước cho tab, dấu trang và màn hình chính. Một bộ đầy đủ giúp trang web của bạn trông sắc nét ở mọi nơi thay vì bị mờ do một ảnh duy nhất bị đổi kích thước.
- Đáp ứng mọi kích thước trình duyệt có thể yêu cầu, từ tab 16px đến biểu tượng 512px.
- Cung cấp apple-touch-icon được dùng cho màn hình chính iOS.
- Lấy chính xác mã HTML để dán vào phần head của trang web của bạn.
Mẹo và Giới hạn
Bắt đầu với một ảnh đơn giản, có độ tương phản cao, vì chi tiết tinh sẽ mất đi ở 16px. Đầu ra PNG giữ độ trong suốt, và apple-touch-icon 180px nên là một hình khối đặc không có cạnh trong suốt. Mọi thứ chạy cục bộ trong trình duyệt của bạn.