Trình tạo Favicon
Tạo một gói favicon hoàn chỉnh từ logo, biểu tượng font hoặc chữ lồng — favicon.ico, các PNG hiện đại, biểu tượng Apple touch, biểu tượng PWA, tệp manifest web và đoạn mã HTML.
Thả logo vào, chọn một biểu tượng font hoặc nhập chữ lồng — chúng tôi tạo mọi favicon mà một website hiện đại cần, từ favicon.ico cổ điển đến biểu tượng Apple touch, các biểu tượng PWA và một đoạn mã HTML sẵn sàng để dán.
Giới thiệu về Trình tạo Favicon
Trình tạo Favicon (Favicon Generator) xây dựng mọi icon một trang web hiện đại cần có từ một nguồn duy nhất: tải lên logo PNG, chọn một icon dạng font, hoặc gõ một monogram. Gói kết quả bao gồm favicon.ico cổ điển (16, 32 và 48 px), favicon PNG hiện đại, Apple touch icon 180 px, icon PWA 192 và 512 px, một site.webmanifest và đoạn mã HTML head.
Việc tùy chỉnh được xử lý ngay trong công cụ: chọn màu nền hoặc giữ trong suốt, cắt theo hình vuông, bo tròn hoặc tròn, điều chỉnh khoảng đệm và kích thước tác phẩm, và đặt màu chủ đề (theme color) dùng cho giao diện trình duyệt và manifest PWA. Bản xem trước trực tiếp hiển thị icon của bạn trong các ngữ cảnh thực — tab trình duyệt 16 px, bookmark, ô Apple touch và icon PWA.
Mọi thứ được dựng trên canvas trong trình duyệt của bạn, và Tạo sẽ tập hợp toàn bộ gói thành một file ZIP kèm README. Việc cài đặt gồm hai bước: giải nén vào thư mục gốc trang web của bạn và dán đoạn mã được cung cấp vào <head>.
Cách sử dụng Trình tạo Favicon
- Chọn nguồn của bạn: tải lên logo PNG, chọn một icon dạng font, hoặc gõ một monogram.
- Tùy chỉnh — màu nền hoặc trong suốt, hình dạng, khoảng đệm và kích thước tác phẩm.
- Điền tên trang, tên rút gọn và màu chủ đề cho manifest PWA.
- Kiểm tra các bản xem trước: tab trình duyệt, bookmark, ngữ cảnh Apple touch và PWA.
- Nhấp “Tạo favicon” và giải nén gói vào thư mục gốc trang web của bạn.
- Dán đoạn mã HTML từ gói vào <head> trang của bạn.