18041 sujets

Questions générales et questions de débutants

Photo pour favicon

bonjour,
je voudrais mettre une photo( voiture, bateau....)pour un favicon de mon siteweb,
j'aimerais savoir si c'est possible ?
j'ai vu la plupart de cas qu'on dessine une image pour un favicon, mais je trouve que le design est moins beau que la photo.
qq'un peut m'indiquer ?
@eviouchka
avec ces générateurs, on peut mettre une photo ( ex. mon chien, ma voiture.....) pour transformer en favicon ?
salut,
il s'agit simplement du format à utiliser.
Normalement, tous les navigateurs hormis IE (jusqu'à sa version 11), acceptent les png, gif, et apng.
L'autre format reconnu étant le ico.
Il faut juste savoir que le favicon à utiliser sera afficher dans un format très réduit (généralement 16x16 ou 32x32), ceci implique donc qu'on ne distinguera pas clairement les détails d'une photo "complexe".
j'ai généré les codes de favicon, mais ça marche pas, selon le site, il faut insérer dans le document de HTML, c'est à cause de cette raison que mon index.php marche pas ?
Apres avoir passer par les generateurs de favicone, il va falloir insérer une balise META, c'est-à-dire entre les balises <head></head>, un certain code pour que le favicon s'affiche.
Mais la mauvaise nouvelle, c'est qu'Internet Explorer respecte pas les standards du web, et qu'il vous faudra faire deux lignes différentes et même plus pour que ca marche sur IE10 metro, IOS, Android....
Je vous proposer ma liste que j'utilise dans mes developpements :

        <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png" />
	<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png" />
	<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png" />
	<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png" />
	<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png" />
	<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png" />
	<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png" />
	<link rel="apple-touch-icon" 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-160x160.png" sizes="160x160" />
	<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" />
	<meta name="msapplication-TileColor" content="#2b5797" />
	<meta name="msapplication-TileImage" content="/mstile-144x144.png" />

Modifié par integrateur75 (11 Nov 2014 - 07:17)
Vous pouvez créer votre favicon en ligne et gratuitement sur http://onlinefavicon.com/ , créer favicon de PNG, JPEG ou un fichier gif à 16x16 ou 32x32 fichier ICO, vous pouvez également voir galerie avec favicons créés par d'autres utilisateurs et de télécharger le même . Avec l'outil de dessin, vous pouvez créer votre propre favicon. À la fin vous lisez la description comment configurer favicon à votre site.
http://s9.postimg.org/892uro3a7/fav.jpg
Quant à l'intégration html d'un .ico il suffit de lire le code source de la page où vous êtes c-à-d sur ce forum !

<link rel="shortcut icon" href="http://cdn.alsacreations.net/favicon.ico" />
<link rel="icon" type="image/x-icon" href="http://cdn.alsacreations.net/favicon.ico" />
<link rel="icon" type="image/png" href="http://cdn.alsacreations.net/favicon.png" />

Profitez-en maintenant, car m'est avis que bientôt ce sera balancé en .php
Modifié par pictural (10 Oct 2015 - 08:01)
Sujet clos
Aller à