Avatar for Username

ค้นหาฝ่ายสนับสนุน

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

เรียนรู้เพิ่มเติม

หัวข้อนี้ถูกเก็บถาวรแล้ว โปรดถามคำถามใหม่หากคุณต้องการความช่วยเหลือ

FF Quantum: Top Sites thumbnail for my website?

  • 2 การตอบกลับ
  • 2 คนมีปัญหานี้
  • 2 ครั้งที่ดู
  • ตอบกลับล่าสุดโดย retrogaming

retrogaming
retrogaming
more options

Hello,

Websites like Facebook, Imdb or Twitter have full size custom thumbnails instead of the partial screencap. How are they loaded to the Top Sites page? Is it automatic like Favicon or though a meta tag like like Facebook's og:image? How does it work? What's the official specification? I'd like to update my website ( http://www.1up-games.com ) with one. I searched Google and here but couldn't find any information on this topic; I suppose I failed to formulate the query correctly.

Hello, Websites like Facebook, Imdb or Twitter have full size custom thumbnails instead of the partial screencap. How are they loaded to the Top Sites page? Is it automatic like Favicon or though a meta tag like like Facebook's og:image? How does it work? What's the official specification? I'd like to update my website ( http://www.1up-games.com ) with one. I searched Google and here but couldn't find any information on this topic; I suppose I failed to formulate the query correctly.

การตอบกลับทั้งหมด (2)

user1929
user1929
more options

Looking through the top sites that I have, I believe it looks for any of the following:

A <link rel="shortcut icon"> with some minimum resolution. A <link rel="apple-touch-icon"> with some minimum resolution. A regular favicon with some minimum resolution.

I'm not sure what the exact minimum resolution is, but 128x128px images appear to work fine, so I would try that.

retrogaming
retrogaming เจ้าของคำถาม
more options

Thanks, I'll try that!

But there is no official snippet on this ? Mozilla has all kinds of documentation pages, I can't believe there's no official word on which relationship value to use.

Oh, I just found this:

The media, type and sizes attributes allow the browser to select the most appropriate icon for its context. If several resources match, the browser will select the last one declared, in tree order. As these attributes are merely hints, and the resources may be inappropriate upon further inspection, the browser will then select another one, if appropriate.

Note: Apple's iOS does not use this link type, nor the sizes attribute, like others mobile browsers do, to select a webpage icon for Web Clip or a start-up placeholder. Instead it uses the non-standard apple-touch-icon and apple-touch-startup-image respectively.

The shortcut link type is often seen before icon, but this link type is non-conforming, ignored and web authors must not use it anymore.

From "icon" section of https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types

That helps clarify a few things.

เปลี่ยนแปลงโดย retrogaming เมื่อ