Dashcode 网络剪辑图标，我已经尝试了所有方法，但它不会显示答案

【问题标题】：Dashcode web clip icon, I have tried everything and it won't show upDashcode 网络剪辑图标，我已经尝试了所有方法，但它不会显示
【发布时间】：2011-10-17 02:18:07
【问题描述】：

我的 dashcode 网络剪辑图标无法显示，它只显示 safari 生成的图标。我曾尝试使用dashcode来设计它，然后我使用了代码

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

我还尝试将名为 apple-touch-icon.png 的文件添加到根文件夹中，但仍然无法正常工作。我已经在模拟器、我的 iphone 和我的 ipad 上运行了该站点，并且自定义 Web 剪辑图标不会出现。有没有人给点建议

更新：我刚刚创建了一个新的 dashcode 项目并尝试添加一个 webclip 图标，但它仍然无法正常工作。这真的让我感到沮丧。

【问题讨论】：

标签： html favicon dashcode apple-touch-icon

【解决方案1】：

您需要将图片添加到手机照片之外的图片文件中

【讨论】：

【解决方案2】：

我将为我添加 1 件导致此问题的事情。在尝试了所有记录在案的修复后，我尝试为我的图标添加背景颜色。最初，我有一个透明的背景。一旦我为 .png 文件添加了背景颜色，它就可以正常工作了。

我的步骤：使用 GIMP 创建具有 7 层和透明背景层的 72x72 图像。将副本另存为 apple-touch-icon.png 并添加到我的网络应用程序的根文件夹中。在运行 IOS 5.0.1 的 iPad 2 上启动该网站。 “添加到主屏幕” 结果：主屏幕上出现黑色图标。回到 GIMP，用颜色填充背景。覆盖我的 .png 文件。返回 iPad Safari 以重新加载网站。 “添加到主屏幕” 该图标现在按文档显示。

我的结论：图标图像中足够的或放置良好的透明区域会阻止 iOS 接受它为有效并导致它被拒绝。

【讨论】：