Tạo tệp favicon ở nhiều kích cỡ (16x16 đến 512x512) từ bất kỳ hình ảnh nào. Miễn phí, tức thì và chạy hoàn toàn trong trình duyệt của bạn.
Hỗ trợ PNG, JPG, SVG, WebP. Tối đa 10 MB.
Favicon là biểu tượng nhỏ xuất hiện trong tab trình duyệt, dấu trang và danh sách lịch sử. Favicon ban đầu — tệp ICO 16×16 tại /favicon.ico — đã mở rộng thành một bộ biểu tượng phức tạp ở các kích thước khác nhau cho các nền tảng khác nhau: 16×16 và 32×32 cho tab trình duyệt, 180×180 cho màn hình chính iOS, 192×192 và 512×512 cho Android và nhiều kích cỡ khác nhau cho các ô Windows. Sản xuất tất cả những thứ này từ một hình ảnh nguồn duy nhất là điều mà trình tạo favicon hiện đại thực hiện.
Công cụ này lấy một hình ảnh nguồn có độ phân giải cao (thường là biểu trưng hình vuông) và tạo bộ nội dung favicon đầy đủ cùng với các thẻ liên kết HTML cần thiết để tham chiếu chúng. Đầu ra bao gồm ICO, nhiều PNG và một tệp kê khai.json cho siêu dữ liệu ứng dụng web lũy tiến. Thả các tệp kết quả vào thư mục gốc của trang web của bạn và tham chiếu chúng qua HTML được tạo.
Tất cả quá trình xử lý diễn ra trong trình duyệt của bạn. Không tải lên, không gọi API, không giới hạn tốc độ. Đầu ra hoạt động trên mọi trình duyệt và hệ điều hành hiện đại hiển thị favicon.
Các trang web không có favicon trông có vẻ chưa hoàn thiện. Các tab trình duyệt hiển thị một biểu tượng chung; dấu trang không có mã nhận dạng trực quan; trang web có vẻ kém chuyên nghiệp hơn. Thêm một bộ favicon thích hợp là một bước đánh bóng có tác động cao, tốn ít công sức, báo hiệu sự chú ý đến từng chi tiết.
Yêu cầu về favicon hiện đại đã phát triển vượt xa /favicon.ico. Các biểu tượng màn hình chính iOS, biểu tượng Android Chrome, biểu tượng ô xếp Windows và các biến thể chế độ tối đều sử dụng các tệp khác nhau. Việc tạo tất cả chúng từ một nguồn sẽ đảm bảo thương hiệu nhất quán mà không cần quản lý từng tệp một cách thủ công.
Tải lên hình ảnh nguồn, nhận bộ favicon đầy đủ.
Bộ favicon hiện đại đầy đủ: favicon.ico (đa độ phân giải 16+32+48), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png, mstile-150x150.png. Cộng thêm site.webmanifest cho PWA, browserconfig.xml cho Windows.
Mỗi PNG được tạo bằng cách lấy mẫu xuống dựa trên canvas từ nguồn. ICO được xây dựng bằng JavaScript bằng cách kết hợp 16/32/48 phiên bản thành định dạng ICO đa độ phân giải bằng cách sử dụng tính năng ghi DataView.
Thẻ liên kết HTML tham chiếu từng tệp với thuộc tính rel và size thích hợp. Trình tạo tạo ra các đoạn mã này dưới dạng đoạn mã sẵn sàng sao chép-dán cho <head> của trang web của bạn.