Monu Tools

Trình tạo Favicon

Biến bất kỳ hình ảnh nào thành bộ favicon hoàn chỉnh: tệp .ico, các kích thước PNG, Apple touch icon và web manifest, tất cả được tạo ngay trong trình duyệt của bạn.

Kéo và thả tệp vào đây, hoặc nhấp để chọn

Tệp được xử lý ngay trong trình duyệt của bạn và không bao giờ được tải lên.

Cách dùng Trình tạo Favicon

  1. 01

    Tải lên một hình ảnh vuông. Một logo hoặc biểu tượng đơn giản là phù hợp nhất, và nó được xử lý ngay trong trình duyệt của bạn.

  2. 02

    Tùy chọn chọn nền và nhập tên trang web cho web manifest.

  3. 03

    Tải xuống tệp ZIP và dán đoạn mã HTML vào phần head của trang.

Câu hỏi thường gặp

Gói favicon gồm những gì?

Một tệp favicon.ico với 16, 32 và 48 px, các tệp PNG 16 và 32 px riêng, một Apple touch icon 180 px, các tệp PNG 192 và 512 px cho Android, một site.webmanifest và đoạn mã HTML để dán vào phần head của trang.

Tôi nên tải lên hình ảnh nào?

Hình ảnh vuông ít nhất 512 px là tốt nhất, lý tưởng là một logo hoặc biểu tượng đơn giản. Hình ảnh không vuông sẽ được căn giữa và thêm lề để thành hình vuông, nên các chi tiết gần mép có thể nằm trong phần lề.

Hình ảnh của tôi có được tải lên không?

Không. Các biểu tượng được tạo trong trình duyệt của bạn bằng Canvas API, nên hình ảnh của bạn không bao giờ rời khỏi thiết bị.

Về công cụ này

Favicon là biểu tượng nhỏ hiển thị trên tab trình duyệt, dấu trang và màn hình chính của điện thoại. Một trang web hiện đại cần nhiều kích thước cùng một Apple touch icon, và một web manifest nếu muốn có thể cài đặt được.

Trình tạo này xây dựng toàn bộ bộ biểu tượng từ một hình ảnh duy nhất, bao gồm một tệp .ico thực sự nhiều kích thước, và cung cấp cho bạn mã HTML chính xác để thêm vào trang. Mọi thứ chạy cục bộ trong trình duyệt của bạn, không có gì được tải lên.

Nhúng công cụ này

Thêm công cụ này vào trang web của riêng bạn. Sao chép đoạn mã bên dưới; nó tự động cập nhật.

<iframe src="https://monu.tools/embed/vi/favicon-generator" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>

Công cụ liên quan