# Splash Screens — Progressive Web Apps: Offline, Installable Web Apps

Source: https://www.skillbyai.com/hi/pwa/pwa-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 के लिए नहीं।

```json
{
  "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 का उपयोग करें।