# 为 Logo 添加白色透明图标导致 Android 中出现白色圆圈

**URL:** https://meta.discourse.org/t/adding-white-transparent-icon-for-logo-results-in-white-circle-in-android/173800
**Category:** Support
**Created:** [2020 年12 月 19 日 13:38 UTC](https://meta.discourse.org/t/adding-white-transparent-icon-for-logo-results-in-white-circle-in-android/173800 "2020-12-19T13:38:06Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### 作者： ![Tom\_Eagle](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tom_eagle/32/200481_2.png) [@Tom\_Eagle](https://meta.discourse.org/u/Tom_Eagle)
#### 发布日期： [2020 年12 月 19 日 13:38 UTC](https://meta.discourse.org/t/adding-white-transparent-icon-for-logo-results-in-white-circle-in-android/173800/1 "2020-12-19T13:38:06Z")

</div>

各位版主，如果已有相关主题，请随意将其移动或合并。但我在尝试了各种搜索方式后，并未发现已有类似讨论。

我们在更新 Logo 以适配亮色/暗色主题模式时，不知何故弄坏了 Android 设备上 Chrome 浏览器的“添加到主屏幕”功能，导致显示的图标为空白白色…

 ![SmartSelect_20201219-133121_Nova Launcher](https://global.discourse-cdn.com/meta/original/3X/7/8/783530fdcee1342d7d4ecbf4eaa528e279b8eb0f.jpeg)

有人之前遇到过这个问题吗？如果遇到过，是如何解决的？

---

<div class="post-metadata">

### 作者： ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### 发布日期： [2020 年12 月 19 日 20:43 UTC](https://meta.discourse.org/t/adding-white-transparent-icon-for-logo-results-in-white-circle-in-android/173800/2 "2020-12-19T20:43:51Z")

</div>

嗯，我不太确定，不过 @falco 下周或许会有些想法？

---

<div class="post-metadata">

### 作者： ![Tom\_Eagle](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tom_eagle/32/200481_2.png) [@Tom\_Eagle](https://meta.discourse.org/u/Tom_Eagle)
#### 发布日期： [2020 年12 月 19 日 21:12 UTC](https://meta.discourse.org/t/adding-white-transparent-icon-for-logo-results-in-white-circle-in-android/173800/3 "2020-12-19T21:12:50Z")

</div>

谢谢你的提醒，Jeff 👍

我希望能更具体地说明导致这个问题的原因，但目前我只能想到这些是导致问题的因素。

---

<div class="post-metadata">

### 作者： ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### 发布日期： [2020 年12 月 21 日 15:36 UTC](https://meta.discourse.org/t/adding-white-transparent-icon-for-logo-results-in-white-circle-in-android/173800/4 "2020-12-21T15:36:56Z")

</div>

您能分享一下网站链接和徽标吗？您的 Android 主屏幕或应用抽屉中是否显示空白的白色图标？

---

<div class="post-metadata">

### 作者： ![Tom\_Eagle](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tom_eagle/32/200481_2.png) [@Tom\_Eagle](https://meta.discourse.org/u/Tom_Eagle)
#### 发布日期： [2020 年12 月 21 日 20:24 UTC](https://meta.discourse.org/t/adding-white-transparent-icon-for-logo-results-in-white-circle-in-android/173800/5 "2020-12-21T20:24:52Z")

</div>

主屏幕和应用抽屉中均完全空白。

> **[MorphMarket Reptile Community](https://community.morphmarket.com/latest)**
>
> A modern platform for reptiles enthusiasts to discuss reptiles.

---

<div class="post-metadata">

### 作者： ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### 发布日期： [2020 年12 月 21 日 21:44 UTC](https://meta.discourse.org/t/adding-white-transparent-icon-for-logo-results-in-white-circle-in-android/173800/6 "2020-12-21T21:44:44Z")

</div>

您的徽标是白色透明背景，因此我认为当 Android Play 商店生成您的 WebAPK 时，它过度“优化”了 PNG 文件，为了节省少量字节而将所有内容替换为白色……

原始徽标：

 ![image](https://global.discourse-cdn.com/meta/original/3X/7/4/742113a1da57e8a2814852a801c0a62e67d4df86.png)

左侧为 Chrome / 右侧为 Firefox：

 ![Screenshot_20201221-184432](https://global.discourse-cdn.com/meta/original/3X/6/6/662d1659e73960c0ed8e52f39662d386a0c9a69f.jpeg)

这非常奇怪，因为我从您的网站提取了 WebAPK，其中的徽标是完整的：

 ![image](https://global.discourse-cdn.com/meta/original/3X/a/1/a1b6f937a4a88d2ba876aabee02f370d1845d1b9.png)

---

<div class="post-metadata">

### 作者： ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### 发布日期： [2020 年12 月 22 日 04:29 UTC](https://meta.discourse.org/t/adding-white-transparent-icon-for-logo-results-in-white-circle-in-android/173800/7 "2020-12-22T04:29:34Z")

</div>

所以这跟 Discourse 没关系了……

---

<div class="post-metadata">

### 作者： ![Tom\_Eagle](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tom_eagle/32/200481_2.png) [@Tom\_Eagle](https://meta.discourse.org/u/Tom_Eagle)
#### 发布日期： [2020 年12 月 23 日 22:40 UTC](https://meta.discourse.org/t/adding-white-transparent-icon-for-logo-results-in-white-circle-in-android/173800/8 "2020-12-23T22:40:15Z")

</div>

不，很抱歉。  
不过 @Falco 仍然提供了帮助，所以我想向你们两位表示感谢 😊。

我们已经更新了带有背景的 Logo，现在可以正常使用了。

我只是论坛的一名工作人员，无法立即更改和测试所有设置，而我们的管理员目前正忙于公司的其他事务。

谢谢大家 👍👍

---

<div class="post-metadata">

### 作者： ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### 发布日期： [2021 年1 月 22 日 22:40 UTC](https://meta.discourse.org/t/adding-white-transparent-icon-for-logo-results-in-white-circle-in-android/173800/9 "2021-01-22T22:40:32Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
