如何从Apple Touch Icons中删除圆角

Question

有没有办法删除苹果设备添加到您网站图标的圆角？

我用过

<link rel="apple-touch-icon" href="touch-icon-iphone.png" />

哪种行为有效和圆角

<link  rel="apple-touch-icon-precomposed" href="touch-icon-iphone.png" />

不会添加任何效果，但仍有圆角。

我找到了上面的教程here

有没有办法去掉圆角？

Answer 1

您无法移除圆角效果。从您链接的教程：

  

默认情况下，Apple会围绕Apple Touch Icon的角落。此规则适用于所有选项。

主屏幕上的所有图标，无论是来自网站还是应用，都会得到圆角。您可以做的是关闭光泽效果，您链接的教程将向您展示如何操作。遗憾！

Answer 2

请参阅此链接IconsImages

从以上链接中读取名称为应用图标的整个主题...

当iOS在设备的主屏幕上显示您的应用图标时，它会自动添加以下视觉效果：

1. 圆角
2. 投影
3. 反光光泽（除非你防止光泽效果）

例如，一个简单的57 x 57像素iPhone应用程序图标可能如下所示：



当它显示在iPhone主屏幕上时，iOS会添加圆角，阴影和反射光泽。所以相同的应用程序图标看起来像这样：