पाठ 18 / 30
Splash Screens
समझें कि browsers manifest के name, icons और background_color से launch splash screens कैसे बनाते हैं, और iOS संभालें।
Splash Screen Purpose
Browsers launch splash screen अपने-आप manifest के name, icons और background_color से बनाते हैं। इन्हें सही सेट करें और पहला paint तेज़ रखें। Custom splash images के लिए iOS को apple-touch-startup-image links चाहिए।
Splash screen images को configure करें
Manifest में name, icons और background_color सेट करें; screenshots install dialog के लिए है, splash screen के लिए नहीं।
{
"name": "My Todo App",
"background_color": "#ffffff",
"theme_color": "#8f5cf6",
"icons": [
{ "src": "/images/icon-192.png", "sizes": "192x192", "type": "image/png" },
{ "src": "/images/icon-512.png", "sizes": "512x512", "type": "image/png" }
],
"screenshots": [
{ "src": "/images/screenshot-1.png", "sizes": "540x720", "type": "image/png", "form_factor": "narrow" }
]
}एक आम गलती
Splash screens को जल्दी load होना चाहिए—images को 100KB के तहत रखें। Different device sizes के लिए responsive images का उपयोग करें।