Hướng dẫn kê khai ứng dụng web
Tệp kê khai ứng dụng web (site.webmanifest) cho trình duyệt có thể cài đặt biết tên ứng dụng, màu sắc và kích thước biểu tượng nào sẽ sử dụng trên màn hình chính. Ghép nối nó với các biểu tượng 192×192 và 512×512 PNG để có thiết lập favicon PWA hoàn chỉnh.
Liên kết tệp kê khai với <link rel="manifest" href="/site.webmanifest">. Bên trong JSON, mảng biểu tượng phải bao gồm ít nhất các mục nhập 192×192 và 512×512 với loại image/png và có mục đích bất kỳ (thêm các biến thể có thể che cho các biểu tượng thích ứng Android nếu cần).
Đặt theme_color và Background_color để phù hợp với thương hiệu của bạn — chúng kiểm soát màn hình chờ và chrome của trình duyệt trong khi cài đặt.
Cách hoạt động
- 1
Tạo biểu tượng PNGs
192 và 512 từ gói tạo favicon của chúng tôi.
- 2
Tạo trang web.webmanifest
Bao gồm tên, short_name, biểu tượng, theme_color, display.
- 3
Liên kết trong HTML
<link rel="manifest" href="/site.webmanifest"> cộng với meta màu chủ đề.
Thử ngay
Tạo gói biểu tượng PWA
Tạo FaviconCâu hỏi thường gặp
Một bảng kê khai có cần thiết cho một trang web cơ bản không?+
Không — chỉ khi bạn muốn cài đặt vào màn hình chính hoặc chrome Android phong phú hơn. Riêng Favicon.ico hoạt động cho các tab.
Kích thước biểu tượng nào có trong tệp kê khai?+
Yêu cầu 192×192 và 512×512 cho lời nhắc cài đặt. Thêm 384 hoặc các biểu tượng có thể che được để đánh bóng.
Tôi có thể sử dụng SVG trong bảng kê khai không?+
Chrome hỗ trợ SVG trong một số trường hợp, nhưng PNG là mặc định an toàn cho giao diện người dùng cài đặt trên nhiều trình duyệt.
Công cụ liên quan
Tạo Favicon
Tạo bộ favicon hoàn chỉnh (ICO + PNG) cho mọi thiết bị và trình duyệt.
Chuyển đổi PNG sang ICO
Công cụ chuyển đổi PNG sang ICO trực tuyến miễn phí cho icon Windows, icon ứng dụng và website favicon.
Thay đổi Kích thước Ảnh
Thay đổi kích thước hình ảnh PNG, JPG và WebP theo kích thước chính xác.