On iPhone, iPad, iTouch Safari, you can use the Add to Home button to add websites to your home screen. Apple-touch-icon is a private label for IOS devices, and if the corresponding apple-touch-icon tag is set, the icon added to the home screen will use the specified picture. Add the following code to the region.
<link rel="apple-touch-icon"href="/qz.png"/>
Place 57×57 (default) icons for older devices with 320×640, 72×72 for iPads, and 114×114 for iPhone and iTouch with retina screens.
The official description image format is png, the image does not need to be rounded, like the Native App, the system will automatically add rounded corners and highlights to the icon. If you don’t want the system to add effects to the icon, you can use apple-touch-icon-precomposed instead of apple-touch-icon.
The priority of icon search is as follows:
If there is no icon that matches the recommended size for the device, the icon that is larger than the recommended size, but closest to the recommended size, will be preferred.
If there are no icons larger than the recommended size, the icon closest to the recommended size is preferred.
If more than one icon meets the recommended size, the icon containing the keyword precomposed is preferred.
If you do not specify an icon with the link tag in the field, it will automatically search for apple-touch-icon in the root directory of the website… or apple-touch-icon-precomposed… The icon for the prefix. If the recommended size of the device is 57×57, the priority is as follows:
apple-touch-icon-57×57-precomposed.png
apple-touch-icon-57×57.png
apple-touch-icon-precomposed.png
apple-touch-icon.png
A convenient way to directly set a maximum size icon, such as using a 114×114 size icon, can be displayed normally on iPhone 4 and iPad 2. The above content was tested on the iPhone 4 and iPad 2.
Leave a Reply