Page MenuHomeDevCentral

Design a favicon
Closed, ResolvedPublic

Assigned To
Authored By
dereckson
Aug 1 2016, 20:26
Referenced Files
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
Subscribers

Description

Chrome show only favicons for pinned tabs, so we really need a favicon.

Screenshot from 2016-08-01 22-22-05.png (28×97 px, 2 KB)

At left, a muted pinned tab.

At right, the Tommy tab.

Revisions and Commits

rTOMMY Tommy
D591

Event Timeline

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

android-chrome-512x512.png (512×512 px, 34 KB)

As a Sinatra application, just drop all the content on public/, except the one with the URL as a view.