Early Access

Link

apple-touch-startup-image

Learn how to use the apple-touch-startup-image rel link tag to improve your site.

Defines an image file that the Web app uses when it is started from the bookmark on an Apple device, optimizing the startup experience for users.

Code Examples

<link rel="apple-touch-startup-image" href="/startup.png">
Uses a correctly sized image for the specific device it targets, ensuring a seamless experience.
<link rel="apple-touch-startup-image" href="/startup.jpg">
Uses a JPEG image, which might not be supported or could lead to longer load times due to larger file sizes compared to PNGs.

Recommendations

  • Ensure Correct Dimensions
    Use images that match the resolution of various Apple devices. Mismatched sizes can lead to scaling issues or the image not being displayed.
  • Retain Aspect Ratio
    Maintain the aspect ratio of your startup image to avoid distortion on different screen orientations or sizes.

Related Documentation