# Meta 的 iOS "添加到主屏幕" 图标不好

**URL:** <https://meta.discourse.org/t/metas-ios-add-to-home-screen-icon-is-not-good/259776>\
**Category:** Site feedback\
**Created:** [2023 年3 月 29 日 00:09 UTC](https://meta.discourse.org/t/metas-ios-add-to-home-screen-icon-is-not-good/259776 "2023-03-29T00:09:23Z")\
**Posts on this page:** 1\
**Showing post:** 18

<div class="post-metadata">

作者： ![dfabulich](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dfabulich/32/108716_2.png) [@dfabulich](https://meta.discourse.org/u/dfabulich)\
发布日期： [2023 年4 月 4 日 20:06 UTC](https://meta.discourse.org/t/metas-ios-add-to-home-screen-icon-is-not-good/259776/18 "2023-04-04T20:06:48Z")

</div>

> [@Falco](#):
>
> Chrome（Android 标签页图标）和 Firefox（标签页起始页）都使用 apple-touch-icon 作为 favicon 的高 DPI 版本，两者都受到了此更改的影响。

我无法在 Chrome Android 上重现这一点。对于 Chrome Android，新的标签页图标似乎只是 favicon。

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/b/e/4be08a0d0975a811670f7d5dffd6d3d668fb0915.png)

您能否找到关于 Firefox 用于标签页起始页的图标的任何文档？

如果 Firefox 没有为标签页起始页使用 Manifest 图标，那么我至少会期望它使用 [`<link rel=icon>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel#icon) 图标之一。

也许 Firefox 回退到使用 apple touch 图标是因为 `link rel=icon` 太小了？

您知道，您可以拥有多个 `link rel=icon` 元素，并带有多个 `sizes` 属性。我认为最好有两个 `link rel=icon` 元素，第一个指向 favicon，第二个指向带有更大 `sizes` 的 manifest 图标。我敢打赌，这将使 Firefox 使用更好、更大的图标。🤔

更广泛地说，我认为这个故事的寓意是：

1. 这实际上是一个项目，弄清楚图标在哪里以及为什么被使用
2. Discourse 管理员站点没有为管理员提供足够的指导来正确处理这个问题

管理员站点应该：

- 禁止在 manifest 图标和 apple touch 图标中使用透明度
- 像 Chrome Dev Tools 那样，使用 40% 半径的圆形渲染 manifest 图标
- 像 Apple 那样，使用圆角边框渲染 apple touch 图标

有了这些功能，我认为设计师可以开始尝试上传在以下所有场景中看起来都不错的图标：

- iOS A2HS
- Android A2HS
- Firefox、Chrome 和 Safari 的标签页起始页

---

_[View the full topic](https://meta.discourse.org/t/metas-ios-add-to-home-screen-icon-is-not-good/259776)._