Trình tạo Favicon
Tạo bộ đầy đủ favicon và biểu tượng ứng dụng dạng PNG — từ 16×16 đến 512×512 — từ bất kỳ hình ảnh nào, ngay trên trình duyệt của bạn.
🔒 Xử lý cục bộ ngay trên trình duyệt của bạn
Loading…
Cách sử dụng
- Kéo & thả một ảnh vào ô phía trên, hoặc nhấp để chọn tệp.
- Ảnh không vuông sẽ tự động được cắt ở giữa thành hình vuông.
- Xem trước từng kích thước biểu tượng ngay khi được tạo.
- Tải xuống từng biểu tượng một, hoặc dùng "Tải xuống tất cả" để lưu tất cả kích thước theo thứ tự.
Tính năng
- Tạo 6 kích thước chuẩn: 16, 32, 48, 180, 192 và 512 px
- Bao gồm Apple touch icon và các kích thước cho manifest Android/PWA
- Tự động cắt ở giữa ảnh không vuông thành hình vuông
- Xem trước ngay lập tức cho mỗi kích thước được tạo
- Xử lý 100% trên trình duyệt — sử dụng Canvas API, không tải lên
Câu hỏi thường gặp
Tại sao cần nhiều kích thước favicon khác nhau như vậy?
Các trình duyệt, hệ điều hành và nền tảng khác nhau yêu cầu các kích thước biểu tượng khác nhau — ví dụ 16×16 và 32×32 cho tab và dấu trang trình duyệt, 180×180 cho Apple touch icon trên iOS, và 192×192/512×512 cho màn hình chính Android và manifest PWA. Cung cấp đầy đủ giúp trang web của bạn luôn sắc nét ở mọi nơi.
Điều gì xảy ra nếu ảnh của tôi không vuông?
Ảnh sẽ tự động được cắt ở giữa thành hình vuông lớn nhất có thể trước khi thay đổi kích thước, vì vậy mỗi biểu tượng được tạo ra đều vuông vắn và không bị méo.
Tôi có thể tải lên những định dạng tệp nào?
Hỗ trợ ảnh JPG, PNG và WebP. Mọi favicon được tạo đều xuất ra dưới dạng tệp PNG.
Ảnh của tôi có bị tải lên đâu không?
Không. Việc cắt và thay đổi kích thước được thực hiện hoàn toàn cục bộ bằng Canvas API của trình duyệt — ảnh của bạn không bao giờ rời khỏi thiết bị.
Tôi dùng các tệp đã tạo trên trang web của mình như thế nào?
Đặt favicon-16x16.png, favicon-32x32.png, favicon-48x48.png và apple-touch-icon.png vào thư mục gốc trang web, sau đó tham chiếu chúng cùng hai kích thước Android/PWA từ thẻ link HTML hoặc manifest ứng dụng web của bạn.