如何定义缩略图图像以在Opera和Safari等浏览器中使用

Question

如何设置图像以显示在Safari的书签和Opera的快速拨号上？我是否需要设置一些特定标签，或者是使用网站上的favicon / logo的浏览器？

以下是一个例子：

编辑＃1

我已经添加了<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/images/apple-ico.png" />，它现在正在使用Safari，但到目前为止还没有Opera ...

Answer 1

您是否尝试过快捷图标标记？

<link rel="shortcut icon" href="[file_name]"/>

Answer 2

戏

显然，您无法作为网站开发人员在Opera Speed Dial中控制缩略图图像的外观。

Opera以the user can control the Speed Dial icons的方式记录，但这取决于您的访问者。这个过程并不那么直观：无法从快速拨号中选择图像，而是从＆＃34;心脏＆＃34;书签：

结果可能不是那么好：

您可以做的最好的事情是以正确的比例准备专用于Opera的图像。显然不是任何人都期望的最终解决方案。

iOS Safari

这是通过Apple Touch icon完成的。您应该生成许多大小以支持所有iOS设备。如果只创建一个，则将其设为180x180，不透明（不透明，否则iOS将用黑色填充透明区域）并将其声明为：

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">