🌐 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.
Riêng tư từ thiết kế. Công cụ này chạy hoàn toàn trong trình duyệt của bạn — không thông tin nào bạn nhập được tải lên, và nó có thể hoạt động ngoại tuyến.
Giới thiệu
Công cụ này sử dụng Canvas API của trình duyệt để điều chỉnh kích thước hình ảnh nguồn của bạn thành mọi kích thước mà các trình duyệt và hệ điều hành hiện đại mong đợi: 16×16, 32×32, 48×48, 64×64, 180×180 (Apple Touch Icon), 192×192 (Android / PWA), và 512×512 (PWA splash). Nó cũng tạo một tệp .ico đa kích thước chứa các biểu tượng 16, 32 và 48 px trong một tệp nhị phân duy nhất, viết một tệp site.webmanifest liệt kê các biểu tượng 192 và 512 px (tên và short_name của nó được để trống để bạn điền), và tạo đoạn mã HTML với các thẻ <link> đúng. Nếu hình ảnh của bạn không phải là hình vuông, bạn có thể giữ toàn bộ hình ảnh với các khoảng trống trong suốt hoặc lấp đầy hình vuông bằng cách cắt các cạnh. Tất cả mọi thứ được đóng gói vào một tệp ZIP bằng trình ghi ZIP nội tuyến, chỉ lưu trữ, và tệp .ico cũng có thể được tải xuống riêng. Vì toàn bộ quy trình chạy trong trình duyệt với Canvas, không tệp nào bao giờ rời khỏi thiết bị của bạn.
Cách sử dụng
- Biểu tượng của bạn được tạo ngay khi bạn chọn một hình ảnh, vì vậy không có nút Tạo. Kiểm tra các bản xem trước từ 16 đến 512 px và kích thước hình ảnh nguồn của bạn. Đối với hình ảnh không phải hình vuông, chọn giữ toàn bộ hình ảnh với khoảng trống hoặc lấp đầy hình vuông bằng cách cắt các cạnh.
- Nhấp vào Tải xuống ZIP để nhận tất cả các tệp PNG, tệp favicon.ico đa kích thước, site.webmanifest và một tệp đoạn mã HTML trong một tập tin lưu trữ. Nếu bạn chỉ cần tệp .ico, hãy nhấp vào Tải xuống .ico riêng.
- Nhấp vào Sao chép thẻ HTML (hoặc mở head-snippet.html) và dán các thẻ <link> vào <head> của trang web.
- Tải lên các tệp vào thư mục gốc của trang web của bạn, sau đó điền tên và short_name trong site.webmanifest.
Câu hỏi thường gặp
- Công cụ này tạo ra những kích thước nào?
- Nó tạo ra các tệp PNG ở 16, 32, 48, 64, 180, 192 và 512 pixel, một tệp favicon.ico đa kích thước (chứa 16, 32 và 48 pixel), một tệp site.webmanifest liệt kê các biểu tượng 192 và 512 pixel, và các thẻ HTML <link> phù hợp.
- Ả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ì?
- Một hình ảnh vuông có kích thước ít nhất 512×512 pixel sẽ cho kết quả sắc nét nhất ở mọi kích thước. SVG hoạt động đặc biệt tốt vì nó độc lập với độ phân giải. Nếu hình ảnh không phải là hình vuông, bạn có thể giữ toàn bộ hình ảnh với các khoảng trống trong suốt (mặc định) hoặc lấp đầy hình vuông bằng cách cắt các cạnh. Nếu hình ảnh raster nhỏ hơn 512 pixel, các biểu tượng lớn hơn sẽ được phóng to và công cụ hiển thị một chú thích.
- File .ico đa kích thước là gì và tại sao tôi cần nó?
- Tệp .ico có thể chứa nhiều độ phân giải trong một tệp nhị phân duy nhất. Các trình duyệt và Windows cũ hơn sử dụng .ico cho các biểu tượng tab và lối tắt, tự động chọn kích thước phù hợp nhất. Tệp .ico từ công cụ này chứa các biểu tượng 16, 32 và 48 pixel, và bạn có thể tải xuống nó riêng mà không cần ZIP.
- 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?
- Đối với hầu hết các trang web, tệp .ico đa kích thước cộng với các tệp PNG 180 pixel (Apple Touch Icon) và 192/512 pixel (PWA) cùng với site.webmanifest sẽ bao phủ tất cả các trường hợp sử dụng chính. Các tệp PNG nhỏ hơn được bao gồm để đảm bảo tính toàn diện và hỗ trợ trình duyệt cũ hơn.
Đã chạy 38 lần trong 29 ngày gần đây. Kết quả đã sao chép hoặc tải về: 89% Được đo lường trên máy chủ của chúng tôi, 2026-10-05–2026-11-03.