Trình tạo Favicon

Favicon là biểu tượng nhỏ mà trình duyệt hiển thị trong tab, dấu trang, lịch sử và kết quả tìm kiếm — và việc cung cấp nó đúng cách có nghĩa là tạo ra nửa tá file: PNG 16×16 và 32×32 cổ điển cho tab, 48×48 cho Windows, 180×180 cho thiết bị Apple, 192×192 và 512×512 cho Android và tệp kê khai PWA, cùng với favicon.ico lâu đời. Công cụ này tạo toàn bộ bộ từ một ảnh chỉ với một cú nhấp.

Mọi thứ chạy cục bộ trong trình duyệt của bạn. Ảnh được giải mã trên canvas, cắt chính giữa thành hình vuông, thu nhỏ xuống từng kích thước mục tiêu với chất lượng làm mịn cao, và vùng chứa favicon.ico được lắp ráp từng byte ngay trên trang với các phiên bản 16, 32 và 48 px được nhúng dưới dạng mục PNG. Không máy chủ, không tải lên, không hình mờ — một logo chưa phát hành hoặc tài sản của khách hàng không bao giờ rời khỏi máy của bạn.

Mỗi kích thước được tạo ra đều được xem trước ở tỷ lệ thực để bạn có thể phát hiện ngay xem logo của mình có tồn tại được khi thu nhỏ xuống 16×16 hay không — các favicon nhỏ ưu tiên hình dạng đơn giản và độ tương phản mạnh, và bản xem trước cho bạn biết một cách trung thực những gì khách truy cập sẽ thấy trên thanh tab. Mỗi file có thể được tải xuống riêng lẻ và nút tải xuống chính đưa cho bạn favicon.ico đã lắp ráp.

Công cụ cũng viết HTML cho bạn: một khối thẻ link sẵn sàng sao chép với các thuộc tính rel, type và sizes chính xác cho mọi file được tạo ra. Tải các biểu tượng lên thư mục gốc của trang web, dán khối mã vào phần head của các trang, và mọi trình duyệt, điện thoại và tệp kê khai PWA đều tìm thấy chính xác biểu tượng mà nó muốn. Nếu bạn chỉ cần một kích thước cụ thể, bộ chọn kích thước (hoặc các trang thiết lập sẵn cho 16×16, 32×32 và Apple Touch 180) sẽ thu hẹp đầu ra thành một file duy nhất.