Tạo favicon trong vài giây
Favicon là biểu tượng nhỏ xuất hiện trên tab trình duyệt, dấu trang (bookmark), lịch sử duyệt web, kết quả tìm kiếm trên thiết bị di động và trên màn hình chính khi ai đó lưu trang web của bạn. Nó giúp khách truy cập dễ dàng tìm thấy tab của bạn giữa hàng tá tab khác và giúp trang web trông hoàn thiện hơn. Công cụ tạo favicon này sẽ tạo mọi tệp bạn cần chỉ từ một hình ảnh duy nhất — hoặc từ một chữ cái hay biểu tượng cảm xúc (emoji) nếu bạn chưa có logo — và cung cấp mã HTML để bạn thêm vào trang web của mình.
Tính năng
- Từ hình ảnh: PNG, JPG, SVG, WebP và nhiều định dạng khác.
- Từ văn bản hoặc emoji: chữ cái đầu hoặc một emoji trên nền màu.
- Bo góc và căn lề (padding) giúp biểu tượng hiển thị đẹp mắt trên các tab và màn hình chính.
- Xem trước trực tiếp ở kích thước 16, 32, 64 và 128 px.
- Trọn bộ tệp tin: favicon.ico với nhiều kích thước, các biểu tượng PNG, Apple touch icon, biểu tượng Android và web manifest.
- Thẻ liên kết HTML sẵn sàng để sao chép.
- Riêng tư: xử lý hoàn toàn trên trình duyệt của bạn.
Giải thích các kích thước favicon
| Tệp | Kích thước | Sử dụng cho |
|---|---|---|
| favicon.ico | 16, 32, 48 px | Mọi trình duyệt, lối tắt Windows, dự phòng cho trình duyệt cũ |
| favicon-16x16.png | 16 px | Tab trình duyệt |
| favicon-32x32.png | 32 px | Tab trên màn hình độ phân giải cao (high-DPI), thanh tác vụ (taskbar) |
| apple-touch-icon.png | 180 px | Màn hình chính iPhone và iPad |
| android-chrome-192x192.png | 192 px | Màn hình chính Android |
| android-chrome-512x512.png | 512 px | Màn hình chờ (splash screen) Android, cài đặt PWA |
Mẹo thiết kế
- Tối giản. Sử dụng biểu tượng của logo thay vì toàn bộ logo kèm tên công ty.
- Tạo độ tương phản. Icon cần nổi bật trên cả giao diện trình duyệt sáng và tối.
- Kiểm tra ở kích thước 16 px. Nếu bạn không thể nhận diện icon ở bản xem trước nhỏ nhất, hãy tiếp tục tối giản hóa.
- Lấp đầy hình vuông. Icon có nhiều khoảng trống sẽ trông rất nhỏ trên tab; hãy giảm khoảng cách lề.
Các công cụ liên quan
Bạn có thể chuyển đổi logo vector sang PNG độ phân giải cao trước bằng công cụ Chuyển SVG sang PNG, thay đổi kích thước ảnh hiện có bằng Đổi kích thước ảnh, hoặc chuyển đổi giữa các định dạng ảnh bằng Chuyển đổi ảnh.