Trình tạo biểu tượng yêu thích

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

Mọi thứ chạy cục bộ trong trình duyệt của bạn. Hình ảnh được giải mã trên canvas, được cắt ở giữa thành hình vuông, được thu nhỏ theo từng kích thước mục tiêu với khả năng làm mịn chất lượng cao và vùng chứa favicon.ico được tập hợ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 các mục PNG. Không có máy chủ, không tải lên, không có hình mờ — logo hoặc tài sản khách hàng chưa được phát hành sẽ không bao giờ rời khỏi máy của bạn.

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

Công cụ này cũng viết HTML cho bạn: một khối thẻ liên kết sẵn sàng sao chép với các thuộc tính rel, type và size chính xác cho mỗi tệp được tạo. Tải các biểu tượng lên thư mục gốc của trang web, dán khối vào phần đầu trang của bạn và mọi trình duyệt, điện thoại và bảng 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 đặt trước cho 16×16, 32×32 và Apple Touch 180) sẽ thu hẹp đầu ra thành một tệp duy nhất.