🌐 Tạo Favicon & Icon Ứng Dụng
Tải lên một ảnh và nhận ngay gói favicon đầy đủ — icon PNG ở mọi kích thước tiêu chuẩn, file .ico đa kích thước, và thẻ HTML link sẵn sàng dán vào, tất cả trong một file ZIP duy nhất.
Giới thiệu
Công cụ này dùng Canvas API của trình duyệt để thay đổi kích thước ảnh nguồn sang tất cả các kích thước mà trình duyệt và hệ điều hành hiện đại yêu cầu: 16×16, 32×32, 48×48, 64×64, 180×180 (Apple Touch Icon), 192×192 (Android / PWA) và 512×512 (màn hình chờ PWA). Công cụ cũng tạo file .ico đa kích thước tích hợp tất cả kích thước phổ biến vào một file nhị phân duy nhất, đồng thời sinh đoạn mã HTML với các thẻ <link> chính xác cho từng kích thước. Tất cả được đóng gói vào ZIP bằng trình ghi ZIP nội tuyến — không cần thư viện bên ngoài. Vì toàn bộ quá trình chạy trong trình duyệt qua Canvas, file của bạn không bao giờ rời khỏi thiết bị.
Cách sử dụng
- Kéo thả ảnh nguồn vào vùng tải lên hoặc nhấp để chọn file — PNG, JPEG, SVG hay WebP đều được hỗ trợ.
- Xem trước ảnh và xác nhận các kích thước cần tạo: PNG 16, 32, 48, 64, 180, 192 và 512 px được chọn sẵn theo mặc định.
- Nhấp Tạo để Canvas API thay đổi kích thước và kết xuất từng icon ngay bên trong trình duyệt.
- Nhấp Tải xuống ZIP để nhận tất cả PNG, favicon.ico đa kích thước và file đoạn mã HTML trong một file nén duy nhất.
- Sao chép các thẻ <link> từ file HTML và dán vào phần <head> của trang web — favicon của bạn đã sẵn sàng.
Câu hỏi thường gặp
- Công cụ này tạo ra những kích thước nào?
- Công cụ tạo file PNG ở các kích thước 16, 32, 48, 64, 180, 192 và 512 pixel, file favicon.ico đa kích thước (gồm 16, 32 và 48 px), cùng các thẻ HTML <link> tương ứng.
- Ảnh của tôi có được tải lên máy chủ không?
- Không. Toàn bộ quá trình thay đổi kích thước và đóng gói diễn ra trong trình duyệt bằng Canvas API. Ảnh của bạn không bao giờ rời khỏi thiết bị.
- Ảnh nguồn tốt nhất để sử dụng là gì?
- Ảnh vuông có kích thước tối thiểu 512×512 px cho kết quả sắc nét nhất ở mọi kích thước. SVG đặc biệt phù hợp vì không phụ thuộc vào độ phân giải.
- File .ico đa kích thước là gì và tại sao tôi cần nó?
- File .ico có thể nhúng nhiều độ phân giải vào một file nhị phân duy nhất. Các trình duyệt cũ và Windows dùng .ico cho icon tab và lối tắt, tự động chọn kích thước phù hợp nhất. Dùng .ico đa kích thước đảm bảo icon sắc nét ở mọi nơi.
- Tôi có cần tất cả các kích thước đã tạo cho trang web của mình không?
- Với hầu hết các trang web, .ico đa kích thước cùng PNG 180 px (Apple Touch Icon) và 192/512 px (PWA) là đủ để bao phủ mọi trường hợp sử dụng chính. Các PNG nhỏ hơn được đưa vào để đầy đủ và hỗ trợ trình duyệt cũ.