Apple Touch图标变黑

时间:2012-07-19 16:50:43

标签: apple-touch-icon

我苹果触摸图标中的白色背景变黑了?我的白色背景不透明。图标有白色三角形,红色圆圈和黑色文字。我唯一能说的就是白色三角形和红色圆圈。有什么想法导致这个以及如何使图标保持其白色背景? 非常感激。

3 个答案:

答案 0 :(得分:11)

我不确定它到底是什么,但我可能已经把它缩小了。 我第一次上传图片时,他们可能有透明背景。 我第二次上传它们时添加了白色背景,但png save for devices设置仍然检查了透明度。 我第三次上传它们时保存了它们而没有检查透明度,但仍然有黑色背景。 一直以来我认为iOS Safari浏览器将第一组图像存储在缓存中。在clearing the cache之后,新图像显示没有问题。

编辑:透明背景将其变为黑色。

答案 1 :(得分:2)

正如gstricklind发现的那样,如果你的png具有alpha通道透明度,iOS将会遗憾地忽略任何“预合成”指令并应用其所有常用效果,此外还会为你的图标添加黑色背景(白色似乎不是更好的选择) ??)。

当然,解决方案是预先编译没有透明度的图标。这使得使用Android支持alpha通道同时提供itouch图标非常困难,如果黑色背景不适合你。我发现这个工具在编写时很有用:http://www.gieson.com/Library/projects/utilities/icon_slayer

此处出现相同问题:How to get iOS to properly respect the "apple-touch-icon-precomposed" link attribute for a "web app"

答案 2 :(得分:0)

透明Apple Touch图标确实可行。您需要做的是使用ImageOptim for Mac https://imageoptim.com/mac或Windows上的类似程序从PNG中删除所有多余的信息。我做了大量的研究,并通过查看虚拟DJ网站使用的苹果触摸图标偶然发现了答案。此图标使其在iOS和MacOS Sierra上保持透明背景。我查看了文件大小,并意识到它与我在Safari中为我的收藏夹制作的具有透明度的自定义苹果触摸图标相比有多小。接下来,我使用Mac预览应用程序中的检查器查看了文件信息。我的所有自定义苹果触摸图标在检查器部分中都有四个选项卡,名为General,exif,PNG和TIFF。虚拟DJ图标只有两个名为PNG和General的选项卡。一旦我通过ImageOptim运行我的自定义图像,文件大小就会下降超过90%,额外的TIFF和exif标签会从预览中的检查器中消失。一旦我重新加载我的自定义图像并启动Safari,我的所有收藏夹选项卡都具有透明背景!请参阅附图以获取证明。 Transparent Apple-Touch-Icons