苹果网站图标apple-touch-icon使用详解
💡
原文中文，约900字，阅读约需3分钟。
📝
内容提要
本文介绍如何在iOS设备上添加网站到主屏幕，详细说明了apple-touch-icon标签的使用方法和优先级，推荐使用png格式的图片，不需要做圆角处理，建议使用最大尺寸的图标。
🎯
关键要点
- 在iOS设备的Safari上可以将网站添加到主屏幕。
- 使用apple-touch-icon标签可以指定主屏幕图标的图片。
- 推荐使用png格式的图片，系统会自动添加圆角和高光效果。
- 可以使用apple-touch-icon-precomposed标签来避免系统添加效果。
- 图标搜索优先级包括：推荐尺寸图标、比推荐尺寸大的图标、最接近推荐尺寸的图标。
- 如果未指定图标，系统会自动搜索根目录下的相关图标。
- 建议使用最大尺寸的图标，如114x114，以确保在不同设备上正常显示。
➡️
