从我的网站定义快速拨号图像

Posted 2023-03-10

【中文标题】从我的网站定义快速拨号图像

【英文标题】：Define Speed Dial image from my website

【发布时间】：2016-02-03 12:15:41

【问题描述】：

标题几乎概括了这个问题 - 我有一个网站，我想指定一个图像，当用户将我的网站添加到他的快速拨号中时，该图像应该显示在快速拨号中。我可以看到，当我添加例如 Gmail 或 Facebook 时，它们都有一个特定的图像，而我的网站只是显示在随机颜色背景上，我的域名作为文本。

那么是否可以使用一些元标记在 HTML 中指定 Opera 快速拨号图像？

谢谢

PS。我确实找到了this answer，但是它已经有一年多了。

【参考方案1】：

简答

不可以。不过，您可以向用户推荐要使用的图片，但即便如此，快速拨号也会在任何图标之前提供您网站的缩略图。

长答案

每次您在快速拨号页面上看到以文本形式显示的条目时，都会根据 Opera 的快速拨号服务器 speeddials.opera.com 检查该站点的域。

API 调用的格式为https://speeddials.opera.com/api/v1/thumbnails/some.domain.name。此调用将返回包含 PNG 图像（264 像素宽 x 168 像素高）的 HTTP 200 OK 响应或返回没有内容的 HTTP 404 File Not Found 响应。

Opera 团队很可能会监控对该服务器的调用，并且当特定域达到“临界质量”时，他们会与该公司合作（这只是一个假设）。

你能做什么

当用户为您的网站添加书签时，他们可以编辑书签并为您的网站选择一张图片。就像@Angel 在他们的回复中所说，您可以使用带有rel="icon" 的链接元素链接到适当的图像。然后向用户建议以这种方式链接的图像。

我个人在将尺寸为 264x168px 的 PNG 图像与以下声明链接方面取得了巨大成功遵循普通图标声明：

<link rel="icon" sizes="264x168" href="/path/to/speeddial.png">

包含sizes 属性是为了帮助用户代理/浏览器为其平台找到正确的图标图像，而无需下载每个图像。这应该可以最大限度地减少其他浏览器对该图像的获取。

【讨论】：

我会补充一点，这在撰写本文时是准确的，并且在以后的 Opera 版本中可能会发生变化。

【参考方案2】：

有点晚了，但是你可以把这个链接添加到你的 html 头中：

<link rel="icon" sizes="144x144" href="ico/favicon.png">