Chrome show only favicons for pinned tabs, so we really need a favicon.
At left, a muted pinned tab.
At right, the Tommy tab.
dereckson | |
Aug 1 2016, 20:26 |
F46991: android-chrome-512x512.png | |
Aug 1 2016, 20:50 |
F46989: favicon-16x16.png | |
Aug 1 2016, 20:50 |
F46988: favicons.zip | |
Aug 1 2016, 20:48 |
F46986: Screenshot from 2016-08-01 22-22-05.png | |
Aug 1 2016, 20:31 |
Chrome show only favicons for pinned tabs, so we really need a favicon.
At left, a muted pinned tab.
At right, the Tommy tab.
rTOMMY Tommy | |||
D591 | rTOMMYb221bd608e73 Set favicon |
I generated a favicon package with http://realfavicongenerator.net/.
Resources
Head
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <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="manifest" href="/manifest.json"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <meta name="apple-mobile-web-app-title" content="Tommy"> <meta name="application-name" content="Tommy"> <meta name="theme-color" content="#ffffff">
Icon
As a Sinatra application, just drop all the content on public/, except the one with the URL as a view.