Link

apple-touch-startup-image

An Apple extension that supplies a launch image for a web app opened from the Home Screen.

Code examples

<link rel="apple-touch-startup-image" href="/launch-portrait.png" media="(orientation: portrait)">

Limits this launch image to portrait orientation. Production sites usually need more specific size queries.

<link rel="apple-touch-startup-image">

Has no href, so Safari has no launch image to load.

01
Match the target display
Use media queries to provide images for the intended viewport, pixel ratio, and orientation. Apple requires the launch image to match the device dimensions.
02
Prefer a designed launch screen
A static launch image can become stale as the interface changes. Keep it visually simple and test every declared device variant.