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

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

下面是一个例子：

编辑#1

---

我已经添加了

，它现在正在Safari上运行，但是到目前为止在Opera上什么都没有…

您尝试过快捷图标标签吗

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

---

您是否尝试过快捷图标标签

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

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

Opera记录了这条路，但这取决于你的访客。该过程并不直观：图像不能从快速拨号中选择，而是从“心脏”书签中选择：

结果可能不是那么好：

你能做的最好的事情就是准备一张歌剧专用的图片，比例正确。显然，这不是任何人所期望的最终解决方案

iOS野生动物园 这是通过以下步骤完成的。为了支持所有iOS设备，您应该生成许多大小。如果只创建一个，则将其设置为180x180，不透明（无透明度，否则iOS将用黑色填充透明区域），并使用以下内容声明：

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

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

Opera记录了这条路，但这取决于你的访客。该过程并不直观：图像不能从快速拨号中选择，而是从“心脏”书签中选择：

结果可能不是那么好：

你能做的最好的事情就是准备一张歌剧专用的图片，比例正确。显然，这不是任何人所期望的最终解决方案

iOS野生动物园 这是通过以下步骤完成的。为了支持所有iOS设备，您应该生成许多大小。如果只创建一个，则将其设置为180x180，不透明（无透明度，否则iOS将用黑色填充透明区域），并使用以下内容声明：

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

那么，你试过favicon吗？@Roope那么，我只是试着在Safari的

头部添加一些标签，现在它工作了，但是在Opera上，到目前为止什么都没有……那么，你试过favicon吗？@Roope那么，我只是试着在Safari的
头部添加一些标签，现在它工作了，但在Opera上，到目前为止还没有什么……您可以放大/缩小图像并将其四处拖动，以获得完美的位置。如果希望自定义图像作为缩略图，请将图片替换为页面HTML中自定义图像的url，缩略图选择器应将其选中。您可以放大/缩小并拖动图像以获得完美的位置。如果希望自定义图像作为缩略图，请将图片替换为页面HTML中自定义图像的url，缩略图选择器应将其选中