تولید داراییهای PWA
تولید آیکونها، manifest و متاتگهای لازم برای Progressive Web App
تنظیمات اپلیکیشن
توصیه: تصویر مربعی با حداقل 512x512 پیکسل
manifest.json
{
"name": "My PWA App",
"short_name": "PWA",
"description": "A Progressive Web Application",
"start_url": "/",
"scope": "/",
"display": "standalone",
"orientation": "any",
"theme_color": "#3b82f6",
"background_color": "#ffffff",
"icons": [
{
"src": "/icons/icon-72x72.png",
"sizes": "72x72",
"type": "image/png",
"purpose": "any"
},
{
"src": "/icons/icon-96x96.png",
"sizes": "96x96",
"type": "image/png",
"purpose": "any"
},
{
"src": "/icons/icon-128x128.png",
"sizes": "128x128",
"type": "image/png",
"purpose": "any"
},
{
"src": "/icons/icon-144x144.png",
"sizes": "144x144",
"type": "image/png",
"purpose": "any"
},
{
"src": "/icons/icon-152x152.png",
"sizes": "152x152",
"type": "image/png",
"purpose": "any"
},
{
"src": "/icons/icon-192x192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "any maskable"
},
{
"src": "/icons/icon-384x384.png",
"sizes": "384x384",
"type": "image/png",
"purpose": "any maskable"
},
{
"src": "/icons/icon-512x512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any maskable"
}
]
}این ابزار چیست؟
ابزار تولید داراییهای PWA BaseTools به توسعهدهندگان وب کمک میکند تمام منابع لازم برای یک Progressive Web App را در یک مرحله تولید کنند. آیکونهای مورد نیاز، manifest.json و متاتگهای HTML تولید میشوند تا وباپ شما نصبپذیر و آفلاینمحور باشد.
چطور استفاده کنیم؟
- آیکون اصلی وبسایت یا اپلیکیشن خود را آپلود کنید.
- اطلاعات PWA مانند نام، توضیحات و رنگ تم را وارد کنید.
- تمام داراییها را به صورت ZIP دانلود کنید.
- کد HTML تولید شده را در `<head>` صفحاتتان قرار دهید.
مزایای استفاده از این ابزار
- تولید آیکون در تمام سایزهای استاندارد PWA
- تولید manifest.json کامل
- تولید متاتگهای Apple و Android
- دانلود همه داراییها به صورت ZIP
- رایگان برای توسعهدهندگان
سوالات متداول
چه سایزهایی برای PWA نیاز است؟
حداقل ۱۹۲×۱۹۲ و ۵۱۲×۵۱۲ لازم است. این ابزار همه سایزها را تولید میکند.