我的apple touch图标中的白色背景变成黑色??我的白色背景是不透明的。图标有一个白色三角形、红色圆圈和黑色文本。我唯一能辨认出的是白色三角形和红色圆圈。知道是什么原因造成的吗?如何使图标保持白色背景?非常感谢。
我不确定它到底是什么,但我可能已经缩小了范围。我第一次上传这些图片时,它们的背景可能是透明的。第二次上传时,我添加了白色背景,但png保存设备设置仍然检查了透明度。第三次上传时,我在没有检查透明度的情况下保存了它们,但仍然是黑色背景。一直以来,我认为iOS Safari浏览器都有第一组存储在缓存中的图像。清除缓存后,新图像显示出来没有问题。
编辑:是透明背景将其变为黑色
正如gstricklind所发现的,如果你的png具有alpha通道透明度,iOS将很不幸地忽略任何"预编译"指令,并应用其所有常用效果,此外还会为你的图标提供黑色背景(白色似乎不是更好的选择??)。
当然,解决方案是在没有透明度的情况下预编译图标。这使得很难利用Android对alpha频道的支持,同时如果黑色背景不适合你,也很难提供这些图标。我发现这个工具在写作时很有用:http://www.gieson.com/Library/projects/utilities/icon_slayer
这里看到的相同问题:如何让iOS正确地尊重";预先组合的苹果触摸图标";"链接"的链接属性;网络应用程序";
透明的Apple Touch图标确实是可能的。您需要做的是使用ImageOptim for Mac从PNG中删除所有多余的信息https://imageoptim.com/mac或windows上的类似程序。我做了大量的研究,通过查看虚拟DJ网站使用的apple touch图标,偶然找到了答案。此图标在iOS和MacOS Sierra上保持透明背景。我看了看文件大小,意识到与我在Safari中为我的收藏夹制作的透明自定义apple touch图标相比,它是多么的小。接下来,我在Mac的Preview应用程序中使用检查器查看文件信息。我所有的自定义appletouch图标在检查器部分都有四个选项卡,分别命名为General、exif、PNG和TIFF。虚拟DJ图标只有两个名为PNG和General的选项卡。当我通过ImageOptim运行我的自定义图像时,文件大小暴跌了90%以上,额外的TIFF和exif选项卡从预览中的检查器中消失了。果不其然,当我重新加载我的自定义图像并启动Safari时,我所有的收藏夹选项卡都有透明的背景!!!!请参阅所附图片以获取证据。透明苹果触摸图标