如何为Safari书签创建透明的Apple Touch图标？

Question

在iPad上浏览我的Safari书签时，似乎某些书签（例如Stack Overflow的书签）是透明的：没有可见的边框，图标的背景颜色与图标的背景颜色完全相同图标外的背景。

见下图。

对我而言，图标似乎不只是使用相同的背景颜色，而是“透明”。如果您查看图片，Stack Overflow会产生阴影效果，但其他图标却没有（或者我只是想象？）。

这里的诀窍是什么？如何使图标看起来透明？透明度是否会将背景变为黑色 - 正如人们可以预期的那样基于Apple图标使用透明度的大量帖子？

如果这只是在背景的其余部分使用相同颜色代码的问题，那么我应该使用什么颜色代码？

Answer 1

这是不可能的。引用Apple：

  

避免透明度。应用图标应该是不透明的。如果图标的边界小于建议的尺寸 - 或者您使用透明度来创建“透视”区域 - 结果图标可能看起来漂浮在黑色背景上，这在用户选择的漂亮壁纸上看起来特别缺乏吸引力。

https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/AppIcons.html

Answer 2

您可以尝试使用：

• 透明的图标;
• Apple喜欢调用的透明图像＆＃34; Apple Touch图标＆＃34;，当用户将网站的网页添加到iOS设备的主页时，主要用作图标。