Tạo trọn bộ biểu tượng PWA và site.webmanifest trong tích tắc

Xuất tất cả biểu tượng ứng dụng và tệp cấu hình bắt buộc cho Progressive Web App từ một hình ảnh logo duy nhất. Tải xuống tệp nén ZIP sẵn sàng triển khai kèm đầy đủ thẻ liên kết HTML.

Drop a logo or icon image here
Tap to choose a file
hoặc nhấp để chọn ·PNG SVG JPG · does not need to be square
Lối tắtPNG → ICOSVG → ICO
Tạo trọn bộ biểu tượng PWA và site.webmanifest trong tích tắc


Hướng dẫn từng bước

  1. 1

    Thêm logo gốc

    Chọn tệp PNG, SVG hoặc JPG hình vuông có độ phân giải cao.

  2. 2

    Tùy chỉnh khoảng đệm

    Điều chỉnh khoảng đệm biểu tượng (0%, 8% hoặc 15%) và màu nền nếu muốn.

  3. 3

    Tải xuống tệp ZIP

    Giải nén các tài nguyên biểu tượng đã tạo trực tiếp vào thư mục gốc dự án web của bạn.

Gói tài nguyên PWA hoàn chỉnh

Tạo ra icon-192.png, icon-512.png, apple-touch-icon.png (180px) và tệp site.webmanifest sẵn sàng sử dụng được cấu trúc theo tiêu chuẩn ứng dụng web hiện đại.

Bao gồm đoạn mã HTML

Tệp ZIP xuất ra chứa chính xác các đoạn mã HTML `` để dán trực tiếp vào tài liệu của bạn `

`, eliminating manual syntax mistakes.

Hướng dẫn theo từng trường hợp

Trình tạo Favicon →

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

Công cụ này có sử dụng AI để tạo hoặc xóa nền không?

Không, công cụ không dùng AI để tạo hay tự động xóa nền. Vui lòng cung cấp hình ảnh có sẵn nền mong muốn của bạn.

Tệp favicon.ico có bao gồm nhiều độ phân giải không?

Có, tệp favicon.ico tích hợp sẵn các kích thước PNG 16x16, 32x32 và 48x48 để tương thích hoàn toàn với mọi trình duyệt.