Ajouter un favicon iPhone à son site iWeb
Fermé
John12345678910
Messages postés
455
Date d'inscription
lundi 27 septembre 2010
Statut
Membre
Dernière intervention
25 mai 2015
-
12 mai 2011 à 16:55
Profil bloqué - 30 mai 2011 à 18:10
Profil bloqué - 30 mai 2011 à 18:10
A voir également:
- Ajouter un favicon iPhone à son site iWeb
- Iphone 14 - Guide
- Comment savoir si un site est fiable - Guide
- Presse papier iphone ✓ - Forum iPhone
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
- Votre colis est dans le site de livraison qui dessert votre adresse. nous le préparons pour le mettre en livraison. ✓ - Forum Consommation et internet
3 réponses
Il y a plusieurs méthodes :
Un logiciel de dessin (Gimp, pixia, inkscape...)
Un site web (qui transforme une image en favicon):
http://favicon.htmlkit.com/favicon/
https://www.favicon.cc
http://www.favicon.co.uk/
http://www.favicon.hu/
http://tools.dynamicdrive.com/favicon/
https://favikon.com/
Pour la plupart des navigateurs
Il suffit dans un premier temps de créer une image au format png ou gif (formats standards, à utiliser).
(on peut également utiliser des formats plus rares, voir le lien en fin de page).
Vous pouvez choisir plusieurs dimensions, 16x16 ou 32x32 (en pixels).
Pour Internet Explorer
Comme d'habitude, IE ne respecte pas les standards et n'utilise pas les images avec les bons formats.
Pour ce navigateur, il faut utiliser une image ou format ico (ou bmp renommée) (non standard, à éviter de préférence) , et de dimensions 16x16 pixels.
Pour créer une favicon animée ou générer simplement un fichier ICO
Cet outil vous permettra non-seulement de générer un fichier ICO facilement mais aussi d'animer votre favicon et de faire défiler du texte si vous le souhaitez.
Cliquez sur le bouton Parcourir... et choisissez une image se trouvant sur votre ordinateur.
Validez ensuite en cliquant sur le bouton Generate Favicon.ico
Vous aurez ensuite un aperçu de votre favicon.
Il vous suffit alors de télécharger le fichier zippé sur votre ordinateur.
Après avoir décompressé le fichier téléchargé, copier le fichier favicon.ico vers votre site.
Il faut ensuite déposer la favicon sur votre site, et indiquer son chemin via la balise link dans les balises d'en tête head.
Voici un exemple avec une image au format png :
<link rel="icon" type="image/png" href="/images/mafavicon.png" />
Selon le format, c'est l'attribut "type" qui change :
Format png : image/png
Format gif : image/gif
Format jpeg (extension jpg ou jpeg) : image/jpeg
Et si vous avez une favicon qui ne respecte pas les standards, l'attribut "rel" change également :
<link rel="shortcut icon" type="image/x-icon" href="/images/icone_ie.ico" />
Il est également possible de déposer un fichier favicon.ico à la racine du site pour que certains navigateurs l'utilisent automatiquement, mais ce n'est pas standard.
Un logiciel de dessin (Gimp, pixia, inkscape...)
Un site web (qui transforme une image en favicon):
http://favicon.htmlkit.com/favicon/
https://www.favicon.cc
http://www.favicon.co.uk/
http://www.favicon.hu/
http://tools.dynamicdrive.com/favicon/
https://favikon.com/
Pour la plupart des navigateurs
Il suffit dans un premier temps de créer une image au format png ou gif (formats standards, à utiliser).
(on peut également utiliser des formats plus rares, voir le lien en fin de page).
Vous pouvez choisir plusieurs dimensions, 16x16 ou 32x32 (en pixels).
Pour Internet Explorer
Comme d'habitude, IE ne respecte pas les standards et n'utilise pas les images avec les bons formats.
Pour ce navigateur, il faut utiliser une image ou format ico (ou bmp renommée) (non standard, à éviter de préférence) , et de dimensions 16x16 pixels.
Pour créer une favicon animée ou générer simplement un fichier ICO
Cet outil vous permettra non-seulement de générer un fichier ICO facilement mais aussi d'animer votre favicon et de faire défiler du texte si vous le souhaitez.
Cliquez sur le bouton Parcourir... et choisissez une image se trouvant sur votre ordinateur.
Validez ensuite en cliquant sur le bouton Generate Favicon.ico
Vous aurez ensuite un aperçu de votre favicon.
Il vous suffit alors de télécharger le fichier zippé sur votre ordinateur.
Après avoir décompressé le fichier téléchargé, copier le fichier favicon.ico vers votre site.
Il faut ensuite déposer la favicon sur votre site, et indiquer son chemin via la balise link dans les balises d'en tête head.
Voici un exemple avec une image au format png :
<link rel="icon" type="image/png" href="/images/mafavicon.png" />
Selon le format, c'est l'attribut "type" qui change :
Format png : image/png
Format gif : image/gif
Format jpeg (extension jpg ou jpeg) : image/jpeg
Et si vous avez une favicon qui ne respecte pas les standards, l'attribut "rel" change également :
<link rel="shortcut icon" type="image/x-icon" href="/images/icone_ie.ico" />
Il est également possible de déposer un fichier favicon.ico à la racine du site pour que certains navigateurs l'utilisent automatiquement, mais ce n'est pas standard.
vilokal
Messages postés
7
Date d'inscription
lundi 30 mai 2011
Statut
Membre
Dernière intervention
30 mai 2011
Modifié par crapoulou le 30/05/2011 à 15:52
Modifié par crapoulou le 30/05/2011 à 15:52
Bonjour,
Je te conseille ce site pour créer ton favicon rapidement et facilement en envoyant ton image :
https://www.favicon.cc/
Puis tu rajoute dans ta balise <head> ce code :
<link href="images/favicon.ico" rel="icon" type="image/x-icon" />
Le href signifie l'endroit ou se trouve ton favicon (ici dans le dossier image). Comme tu peux le voir l'image s'intitule favicon.ico car j'ai conservé le nom donné par le site après l'avoir téléchargé.
J'espère t'avoir aider ;)
(Lien publicitaire supprimé, Modération CCM)
Je te conseille ce site pour créer ton favicon rapidement et facilement en envoyant ton image :
https://www.favicon.cc/
Puis tu rajoute dans ta balise <head> ce code :
<link href="images/favicon.ico" rel="icon" type="image/x-icon" />
Le href signifie l'endroit ou se trouve ton favicon (ici dans le dossier image). Comme tu peux le voir l'image s'intitule favicon.ico car j'ai conservé le nom donné par le site après l'avoir téléchargé.
J'espère t'avoir aider ;)
(Lien publicitaire supprimé, Modération CCM)
Je récapitule j'ai donc tous supprimer les images en fav, et j'ai recommencer, j'ai ajouté ce code entre les Heads:
<link href="images/favicon.ico" rel="icon" type="image/x-icon" />
et j'ai ajouter l'image en .ico dans le dossier images en 32X32px
je réactualise et rien... Faut-il que je patiente plusieurs heurs pour voir la différence encore une fois?
<link href="images/favicon.ico" rel="icon" type="image/x-icon" />
et j'ai ajouter l'image en .ico dans le dossier images en 32X32px
je réactualise et rien... Faut-il que je patiente plusieurs heurs pour voir la différence encore une fois?