2023 年如何使用 Favicon：满足大多数需求的六个文件
💡
原文中文，约9000字，阅读约需22分钟。
📝
内容提要
现代浏览器制作网站图标的最小集合包括favicon.ico、icon.svg、apple-touch-icon.png和manifest.webmanifest文件。这些文件可以使用光栅图形编辑器和SVG编辑器创建和优化，并通过<link>标签链接到HTML中。适用于所有流行的新旧浏览器和设备。
🎯
关键要点
- 现代浏览器制作网站图标的最小集合包括favicon.ico、icon.svg、apple-touch-icon.png和manifest.webmanifest文件。
- 前端开发人员不需要提供数十个图标，而只需五个图标和一个JSON文件。
- favicon是'favorite icon'的缩写，自2000年代初就已存在，用户希望网站有一个图标。
- 建议使用SVG格式的图标，因为它比光栅图像更有效，且支持大多数现代浏览器。
- 对于Apple设备，需要提供180x180的PNG图像作为apple-touch-icon。
- Web应用程序清单是一个JSON文件，包含192x192和512x512的PNG图标。
- 创建网站图标集的步骤包括准备SVG、创建ICO文件、创建PNG图像、优化文件、将图标添加到HTML和创建Web应用程序清单。
- 使用现代网络标准，创建终极网站图标集的任务变得非常简单。
➡️
