Files
FreshRSS/p/index.html
Alexandre Alapetite 1d3ff88ae6 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
2014-01-03 00:49:27 +01:00

33 lines
923 B
HTML

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB" lang="en-GB">
<head>
<meta charset="UTF-8" />
<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" />
<style>
body {
font-family: sans-serif;
text-align: center;
}
h1 {
font-size: xx-large;
text-shadow: 1px -1px 0 #CCCCCC;
}
h1 a {
color: #0062BE;
text-decoration: none;
}
</style>
</head>
<body>
<h1><a href="i/">FreshRSS</a></h1>
<p><a href="i/"><img class="logo" width="25%" src="themes/icons/icon.svg" alt="⊚" /></a></p>
</body>
</html>