Apple Touch Icon

[Kek]

Ok, het is een mini feature,

In Safari 9 welke meegeleverd wordt in OS X 10.11 El Capitan, is het mogelijk om tabs te "pinnen" waardoor de website als een klein icoontje in de tab wordt weergegeven. Nu zou je verwachten dat dit de favicon is, maar nee, het is een Apple eigen icoontje, de Apple Touch Icon.

Nu Gebruik ik tweakers vaak, en heb dus sowieso 1 tweakers tab pinned, maar ik zie liever het mooie tweakers icoontje ipv een saaie T die ik nu te zien krijg ( ik heb meer sites met een 'T' gepinned en kan ze zo niet uit elkaar halen)

Het zal 2 regels code zijn, en misschien een extra plaatje, maar ik wordt er blij van, dus daarom de feature request..

edit: ok ik heb mijn huiswerk niet helemaal goed gedaan, het is niet de apple touch icon, maar dit

[ Voor 12% gewijzigd door Kek op 12-09-2015 22:07 ]

[HallonRubus]

Zelfde vraag hier

In Opera (Mobile) wordt niet het favicon, maar het Apple Touch Icon als logo gebruikt in de speed dial. Ik weet niet of dit bij meer browsers het geval is.

HTML:

<link rel="apple-touch-icon-precomposed" sizes="57x57" href="apple-touch-icon-57x57.png" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72.png" />
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144.png" />
    <link rel="apple-touch-icon-precomposed" sizes="60x60" href="apple-touch-icon-60x60.png" />
    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="apple-touch-icon-120x120.png" />
    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="apple-touch-icon-76x76.png" />
    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="apple-touch-icon-152x152.png" />
    <link rel="icon" type="image/png" href="favicon-196x196.png" sizes="196x196" />
    <link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96" />
    <link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" />
    <link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" />
    <link rel="icon" type="image/png" href="favicon-128.png" sizes="128x128" />

[Alpha-]

WhatsApp gebruikt trouwens ook de apple-touch-icon meta tag voor de preview van de link. Dit gebeurd wanneer iemand "tweakers.net" intypt in een chat.