# Splash Screens — Progressive Web Apps

Source: https://www.geekswithgeeks.com/hi/pwa/pwa-splash-screens

> एक polished app launch experience के लिए splash screens को configure करें।

## Splash Screen Purpose

**Splash screens** app startup के दौरान दिखाई देते हैं जबकि resources load होते हैं। ये branding provide करते हैं और perceived load time को reduce करते हैं। iOS और Android के लिए manifest में इन्हें configure करें।

## Splash screen images को configure करें

iOS और Android पर splash screen display के लिए manifest में screenshots field को add करें।

```json
"screenshots": [
  {
    "src": "/images/screenshot-1.png",
    "sizes": "540x720",
    "type": "image/png",
    "form_factor": "narrow"
  },
  {
    "src": "/images/screenshot-2.png",
    "sizes": "1280x720",
    "type": "image/png",
    "form_factor": "wide"
  }
]
```

Output:

```
Splash screens configured for portrait and landscape orientations.
```

## एक आम गलती

Splash screens को जल्दी load होना चाहिए—images को 100KB के तहत रखें। Different device sizes के लिए responsive images का उपयोग करें।