Tạo favicon
Biến logo thành bộ favicon hoàn chỉnh: favicon.ico 16, 32 và 48 px, Apple touch icon 180 px và PNG 192/512 px cho web manifest. Không có gì được tải lên.
Tệp của bạn không bao giờ rời khỏi trình duyệt
Cách sử dụng
- Thả logo vuông — PNG, SVG, JPG hoặc WebP. Từ 512 px trở lên cho kết quả đẹp nhất.
- Đợi một giây trong khi mọi kích thước được kết xuất trong trình duyệt.
- Tải ZIP về và chép các tệp vào thư mục gốc của website.
Câu hỏi thường gặp
Logo của tôi có bị tải lên máy chủ không?
Không. Mỗi biểu tượng được kết xuất bằng Canvas API trong trình duyệt và đóng gói vào ZIP cục bộ.
ZIP gồm những tệp nào?
favicon.ico (16, 32 và 48 px), apple-touch-icon.png (180 px), icon-192.png, icon-512.png và site.webmanifest tham chiếu tới các PNG.
Nếu logo không vuông thì sao?
Logo được căn giữa trong hình vuông với phần đệm trong suốt nên không bị cắt. Muốn khít hơn, hãy cắt thành hình vuông trước.
Thêm biểu tượng vào website thế nào?
Chép các tệp vào thư mục gốc và thêm <link rel="icon" href="/favicon.ico">, <link rel="apple-touch-icon" href="/apple-touch-icon.png"> và <link rel="manifest" href="/site.webmanifest"> vào <head>.
Có dùng SVG làm nguồn được không?
Có, và đó là lựa chọn tốt nhất: vector được kết xuất riêng ở từng kích thước nên ngay cả 16 px vẫn sắc nét.