现代网站需要哪些图标
以前网站只要在根目录放一个 16×16 的 favicon.ico。现在有高分辨率屏幕、手机主屏幕和 PWA,一般需要一整套图标:
- favicon.ico(多尺寸):一个文件里同时包含 16×16、32×32 和 48×48,供桌面浏览器标签页和任务栏使用。
- apple-touch-icon.png(180×180):访客把网站添加到 iPhone 或 iPad 主屏幕时显示的图标。
- site.webmanifest:配置文件,引用 192×192 和 512×512 的图标,供 Android 设备和 PWA 启动画面使用。
常见问题
为什么 favicon.ico 要包含多种尺寸?
在 Retina 或 4K 屏幕上,16×16 的图标会发虚。多尺寸的 ICO 让系统自动挑选更清晰的 32×32 或 48×48 版本。
应该上传什么样的图片?
建议上传正方形、透明背景、至少 512×512 像素的 PNG 或 SVG。工具会在浏览器里自动缩放成各个标准尺寸。
图片会上传吗?
不会。图标在你的浏览器里生成,原图不会发送到本站服务器。