SkillByAIइंटरैक्टिव संस्करण खोलें →

पाठ 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 का उपयोग करें।