Opera默认网页链接与logo。

The default page on Opera Blink contains links to user-favourited webpages. Some of these webpages, like facebook, twitter, etc., have a logo.

Opera Blink的默认页面包含了用户偏好的网页链接。有些网页，像facebook, twitter等等，有一个标志。

When I add my website there, it doesn't show any logo; it shows only my-site.com text.

当我在那里添加我的网站，它没有任何标志;它只显示my-site.com的文本。

I see there are some websites which, when I add them here, display their logo.

我看到有些网站，当我在这里添加它们时，会显示它们的标志。

What should I do with my website to make the logo retrievable by Opera?

我应该如何利用我的网站，使徽标可被Opera检索?

1 个解决方案

#1

List of Favicon Sizes - Please see the update below...

Perhaps the correctly sized Favicon is missing? The size can vary by device. Here is a great Favicon generator that will help you create the images and code. http://realfavicongenerator.net/ Its created by philippe_b, a contributor on Stack Overflow.

也许正确大小的图标丢失了?大小可以因设备而异。这里有一个很好的图标生成器，可以帮助您创建图像和代码。http://realfavicongenerator.net/它是philippe_b创建的，他是栈溢出的贡献者。

You'll need several sizes for the different devices and platforms. Here's a great article explaining the details: http://www.jonathantneal.com/blog/understand-the-favicon/

不同的设备和平台需要不同的大小。这里有一篇很棒的文章解释细节:http://www.jonathantneal.com/blog/understand-the favicon/

Once you create the Favicon images, the links will go in the head of your html page. Here's a good list to get you started...

一旦创建了Favicon图像，链接就会出现在html页面的头部。这里有一个很好的开始列表……

<!--_________Start Favicons____________-->
<!-- favicon for non-IE browsers -->
<link rel="icon" href="media/img-icon/favicon.png">
<!-- favicon ico for IE only, IE doesn't recognize .png. E10+ won't see conditional comments, so favicon.ico was added to the root folder. Safari and Chrome will choose ico over png, so the conditional comment will hide the ico code from Safari and Chrome. -->
<!--[if IE]><link rel="shortcut icon" href="media/img-icon/favicon.ico"><![endif]-->
<!-- favicon Windows 8 Pinned Tiles. Application name = Tile text. Otherwise, it pulls from the title tag. TileColor = bg color -->
<meta name="msapplication-TileImage" content="media/img-icon/windows-tile-144.png">
<meta name="application-name" content=“Name of Your Site”>
<!-- favicon Web Clips for Apple -->
<link rel="apple-touch-icon" sizes="72x72" href="media/img-icon/touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="76x76" href="media/img-icon/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="media/img-icon/touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="120x120" href="media/img-icon/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="media/img-icon/touch-icon-ipad-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="media/img-icon/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="57x57" href="media/img-icon/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" href="media/img-icon/touch-icon-iphone.png"> <!-- 57x57, smallest size listed last for older browsers -->
<!-- size and order are important for diffrent browser/browser functions-->
<link rel="icon" href="media/img-icon/favicon-16.png" sizes="16x16">
<link rel="icon" href="media/img-icon/favicon-48.png" sizes="48x48">
<link rel="icon" href="media/img-icon/favicon-64.png" sizes="64x64">
<link rel="icon" href="media/img-icon/favicon-128.png" sizes="128x128">
<link rel="icon" href="media/img-icon/favicon-32.png" sizes="32x32">

---

Update

更新

Opera uses the larger icons. For the old Speed Dial, the Favicon had to be at least 114px x 114px, and anything smaller would not show. If you have a properly linked large Favicon, then it may be Opera's cache. Sometimes its difficult to see an updated Favicon because of the browsers cache. Once you add the Favicon, you may need to delete the bookmark, close the browser and re-bookmark your site to see the icon.

Opera使用较大的图标。对于旧的速度拨号，Favicon必须至少是114px x 114px，任何较小的都不会显示。如果您有一个适当的链接的大型图标，那么它可能是Opera的缓存。由于浏览器缓存，有时很难看到更新过的图标。一旦添加了Favicon，你可能需要删除书签，关闭浏览器，重新设置书签以查看图标。

Using the Favicon set above:

使用上面的图标集:

1. Opera 12 displays the Favicon on the Speed Dial page. If only a small, or standard Favicon .ico is used, it displays a screenshot of the page instead.

   Opera 12显示速度拨号页面的图标。如果只使用一个小的或标准的图标。ico，它会显示页面的屏幕截图。

2. Opera 25 also displays the correct Favicon, and it looks great. On the sites that have only the .ico file or a small icon, it will display the website text link as you pictured in your example.

   Opera 25也显示了正确的图标，看起来很棒。在只有.ico文件或一个小图标的站点上，它将显示网站文本链接，如您在示例中所示。

So it looks like both versions use the larger Favicons.

看起来两个版本都使用了更大的图标。