diff options
| author |  Alexandre Alapetite <alexandre@alapetite.fr>
| 2014-01-03 00:49:27 +0100 |
|---|---|---|
| committer | Alexandre Alapetite <alexandre@alapetite.fr>
| 2014-01-03 00:49:27 +0100 |
| commit | 1d3ff88ae6cbb072f0d2a76308a42f2baf6cb84d (patch) | |
| tree | fa36ac7264e4ad956479d3a339ffb620a5bd1058 | |
| parent | 4972d507f1d7c2a3c59d4884be891fba2ca8e5ee (diff) | |
favicon revisité
Après une abondante lecture sur le sujet, voici ma tentative pour
apporter une meilleure qualité de favicon sur différentes plateformes et
cas, sans mettre trop de code HTML.
http://www.w3.org/TR/html5/links.html#rel-icon
https://github.com/audreyr/favicon-cheat-sheet
http://msdn.microsoft.com/en-us/library/windows/desktop/jj673981%28v=vs.85%29.aspx
https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html
Il y a maintenant un favicon.ico contenant les tailles 16, 32, 48, 64,
et un PNG en 256 soit la première taille standard supérieure à la
meilleure résolution demandée par Android, iOS, et IE.
favicon.ico généré à partir de PNGs optimisés par PNGOUT, avec la
commande :
`icotool -c favicon-16.png favicon-32.png favicon-48.png favicon-64.png
-o favicon.ico`
http://manpages.ubuntu.com/manpages/hardy/man1/icotool.1.html
À tester un peu.
Voir aussi
https://github.com/marienfressinaud/FreshRSS/issues/264#issuecomment-29618845
| -rw-r--r-- | app/layout/layout.phtml | 4 | ||||
| -rw-r--r-- | p/favicon.ico | bin | 1150 -> 13094 bytes | |||
| -rw-r--r-- | p/favicon.png | bin | 694 -> 0 bytes | |||
| -rw-r--r-- | p/index.html | 4 | ||||
| -rw-r--r-- | p/themes/icons/favicon-128.png | bin | 0 -> 1608 bytes | |||
| -rw-r--r-- | p/themes/icons/favicon-16.png | bin | 0 -> 313 bytes | |||
| -rw-r--r-- | p/themes/icons/favicon-256.png | bin | 0 -> 3156 bytes | |||
| -rw-r--r-- | p/themes/icons/favicon-32.png | bin | 0 -> 513 bytes | |||
| -rw-r--r-- | p/themes/icons/favicon-48.png | bin | 0 -> 700 bytes | |||
| -rw-r--r-- | p/themes/icons/favicon-512.png | bin | 0 -> 6394 bytes | |||
| -rw-r--r-- | p/themes/icons/favicon-64.png | bin | 0 -> 868 bytes |
11 files changed, 6 insertions, 2 deletions
diff --git a/app/layout/layout.phtml b/app/layout/layout.phtml index ae75c9bdb..e67d8a791 100644 --- a/app/layout/layout.phtml +++ b/app/layout/layout.phtml @@ -16,7 +16,8 @@ ?> <link id="prefetch" rel="next prefetch" href="<?php echo Minz_Url::display (array ('c' => Minz_Request::controllerName (), 'a' => Minz_Request::actionName (), 'params' => $params)); ?>" /> <?php } ?> - <link rel="icon" href="<?php echo Minz_Url::display ('/favicon.ico'); ?>" /> + <link rel="shortcut icon" type="image/x-icon" sizes="16x16 64x64" href="<?php echo Minz_Url::display('/favicon.ico'); ?>" /> + <link rel="icon msapplication-TileImage apple-touch-icon" type="image/png" sizes="256x256" href="<?php echo Minz_Url::display('/themes/icons/favicon-256.png'); ?>" /> <?php if (isset ($this->rss_url)) { ?> <link rel="alternate" type="application/rss+xml" title="<?php echo $this->rss_title; ?>" href="<?php echo Minz_Url::display ($this->rss_url); ?>" /> <?php } ?> @@ -24,6 +25,7 @@ <link rel="prefetch" href="<?php echo FreshRSS_Themes::icon('non-starred', true); ?>"> <link rel="prefetch" href="<?php echo FreshRSS_Themes::icon('read', true); ?>"> <link rel="prefetch" href="<?php echo FreshRSS_Themes::icon('unread', true); ?>"> + <meta name="msapplication-TileColor" content="#FFF" /> <meta name="robots" content="noindex,nofollow" /> </head> <body> diff --git a/p/favicon.ico b/p/favicon.ico Binary files differindex f7ae0a5b9..a2c3bc84e 100644 --- a/p/favicon.ico +++ b/p/favicon.ico diff --git a/p/favicon.png b/p/favicon.png Binary files differdeleted file mode 100644 index 3038dc3d1..000000000 --- a/p/favicon.png +++ /dev/null diff --git a/p/index.html b/p/index.html index eaa0d71f8..5adacab2c 100644 --- a/p/index.html +++ b/p/index.html @@ -5,8 +5,10 @@ <meta name="viewport" content="initial-scale=1.0" /> <meta http-equiv="Refresh" content="0; url=i/" /> <title>FreshRSS</title> +<link rel="shortcut icon" type="image/x-icon" sizes="16x16 64x64" href="favicon.ico" /> +<link rel="icon msapplication-TileImage apple-touch-icon" type="image/png" sizes="256x256" href="themes/icons/favicon-256.png" /> +<meta name="msapplication-TileColor" content="#FFF" /> <meta name="robots" content="noindex,nofollow" /> -<link rel="icon" href="favicon.ico" /> <style> body { font-family: sans-serif; diff --git a/p/themes/icons/favicon-128.png b/p/themes/icons/favicon-128.png Binary files differnew file mode 100644 index 000000000..329b5c0f6 --- /dev/null +++ b/p/themes/icons/favicon-128.png diff --git a/p/themes/icons/favicon-16.png b/p/themes/icons/favicon-16.png Binary files differnew file mode 100644 index 000000000..abe71c491 --- /dev/null +++ b/p/themes/icons/favicon-16.png diff --git a/p/themes/icons/favicon-256.png b/p/themes/icons/favicon-256.png Binary files differnew file mode 100644 index 000000000..9d9a11904 --- /dev/null +++ b/p/themes/icons/favicon-256.png diff --git a/p/themes/icons/favicon-32.png b/p/themes/icons/favicon-32.png Binary files differnew file mode 100644 index 000000000..cfada8c46 --- /dev/null +++ b/p/themes/icons/favicon-32.png diff --git a/p/themes/icons/favicon-48.png b/p/themes/icons/favicon-48.png Binary files differnew file mode 100644 index 000000000..870b43ef1 --- /dev/null +++ b/p/themes/icons/favicon-48.png diff --git a/p/themes/icons/favicon-512.png b/p/themes/icons/favicon-512.png Binary files differnew file mode 100644 index 000000000..cc8d9b559 --- /dev/null +++ b/p/themes/icons/favicon-512.png diff --git a/p/themes/icons/favicon-64.png b/p/themes/icons/favicon-64.png Binary files differnew file mode 100644 index 000000000..5ee379f19 --- /dev/null +++ b/p/themes/icons/favicon-64.png |
