Comment puis-je créer un favicon pour mon site web ?
Réponses
Trop de publicités?
Eduardo Russo
Points
808
En faisant des recherches sur les favicons, j'ai découvert que j'avais besoin de plus de 10 types de fichiers pour fonctionner dans tous les navigateurs et appareils :(
Je me suis énervé et j'ai créé mon propre générateur de favicon, qui crée tous ces fichiers et l'en-tête HTML correct pour chacun d'entre eux : faviconit.com
J'espère que vous l'apprécierez.
Jared Menard
Points
1665
Si vous disposez déjà d'une image de logo que vous souhaitez transformer en favicon, vous pouvez la convertir à l'aide de la fonction http://www.favicomatic.com/ . Il crée des favicons nets, et je n'ai pas eu à les éditer après les avoir créés. Il génère des favicons en 16x16 et 32x32 et pour les citer : "Toutes les tailles, monsieur !". Le site prend également en charge/préserve la transparence présente dans certains pngs. De plus, leur site a l'air cool et est facile à utiliser.
Voici par exemple le logo de stackoverflow : 
Voici quelques-uns des favicons générés :
Ils génèrent également le code html nécessaire :
<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" />
<meta name="application-name" content=" "/>
<meta name="msapplication-TileColor" content="#FFFFFF" />
<meta name="msapplication-TileImage" content="mstile-144x144.png" />
<meta name="msapplication-square70x70logo" content="mstile-70x70.png" />
<meta name="msapplication-square150x150logo" content="mstile-150x150.png" />
<meta name="msapplication-wide310x150logo" content="mstile-310x150.png" />
<meta name="msapplication-square310x310logo" content="mstile-310x310.png" />J'ai consulté les quelque 20 premiers résultats de Google, et celui-ci était de loin le meilleur.
Stefano Borini
Points
36904
GIMP est un bon programme pour cela. Il suffit d'enregistrer l'image au format PNG, puis d'ajouter
<link rel="SHORTCUT ICON" href="http://stackoverflow.com/favicon.png">sur le <HEAD> de votre page.
Jim
Points
3104
Vous créez un fichier d'icônes de 16x16, 32x32 ou 64x64. Nommez-le favicon.ico et placez-le à la racine du dossier public de votre site web.
Il existe des sites web qui convertissent d'autres formats graphiques en .ico pour vous, par exemple. http://tools.dynamicdrive.com/favicon/
Knocks X
Points
812
L'un des meilleurs outils de favicon en ligne est FaviconGenerator.com . Rapide, moderne, sans fioritures.
- Réponses précédentes
- Plus de réponses
