icône favicon.ico : Différence entre versions

De Vulgum Techus
Aller à : Navigation, rechercher
(Articles)
(Tailles des favicon.ico)
 
(35 révisions intermédiaires par un utilisateur sont masquées)
Ligne 1 : Ligne 1 :
[[Catégorie:normes]]
+
<!-- Links checked 06/11/18 -->
 +
[[Catégorie:Graphisme]]
 +
[[Catégorie:Sites Internet]]
 +
'''[[Lien court]]''' vers cette page : https://vt.cx/favico
 +
'''[[QR code]]''' vers cette page : https://vt.cx/favico.qr
 +
'''Raccourci''' vers cette page : [[favicon]]
 +
<html>
 +
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
 +
<!-- VT2 -->
 +
<ins class="adsbygoogle"
 +
    style="display:inline-block;width:468px;height:60px"
 +
    data-ad-client="ca-pub-3341840374417340"
 +
    data-ad-slot="6349432125"></ins>
 +
<script>
 +
(adsbygoogle = window.adsbygoogle || []).push({});
 +
</script>
 +
</html>
  
=Articles=
+
= Présentation =
*[[favicon.ico avec B2Evolution]]
+
Élément de personnalisation d'un '''[[site Internet]]''', l''''[[icône]]''' favicon.ico apparaît à plusieurs niveaux :
 +
* Favoris ou bookmark des '''[[navigateurs]]'''
 +
* Dans les onglets des navigateurs
 +
* Dans la '''[[barre d'adresse]]''' de certains navigateurs
 +
L'icône favicon.ico est un fichier graphique au spécifications suivantes :
 +
* carré de 16, 32, 48 ou '''64 pixels de côté
 +
* format '''[[ico]], [[gif]], [[gif animé]], [[png]]''' ou '''[[jpeg]]''' (selon '''[[navigateur]]''')
 +
* 16 millions de couleurs maximum depuis '''[[Windows XP]]'''
 +
* peut gérer l'animation et la transparence
 +
Elle est intégrée à chaque '''[[site Internet]]''' par ses concepteurs et il est possible d'en affecter une différente par page si on le souhaite. De nombreux '''[[sites]]''' et '''[[logiciels]]''' de création et de bibliothèques de favicon.ico existent et cette page en recense les meilleurs.
 +
<br/><br/>
 +
[[Fichier:favicon-ico absent 050116.jpg]]<br/>
 +
''Exemple de favicon.ico dans Chrome''
  
=Création de favicon.ico en ligne=
+
= Tailles des favicon.ico =
*[http://favicon.htmlkit.com/favicon/ favicon html kit]
+
Les tuiles Metro de Windows 8 et suivants correspondent à la nouvelle interface à tuiles du menu Windows. Les tailles sont données en pixels.
 +
* 16 x 16 → Taille standard pour navigateurs
 +
* 24 x 24 → IE9
 +
* 32 x 32 → IE Windows 7 nouvelle page, Windows 7+ icône de la barre des tâches, sidebar Safari
 +
* 48 x 48 → site Windows
 +
* 57 x 57 → iPod touch, iPhone jusqu'au 3G
 +
* 60 x 60 → iPhone Touch jusqu'à l'iOS7
 +
* 64 x 64 → site Windows, sidebar Safari en HiDPI/Retina
 +
* 70 x 70 → Win 8.1 tuile Metro
 +
* 72 x 72 → iPad Touch jusqu'à l'iOS6
 +
* 76 x 76 → iOS7
 +
* 96 x 96 → GoogleTV
 +
* 114 x 114 → iPhone retina Touch jusqu'à l'iOS6
 +
* 120 x 120 → iPhone retina touch iOS7
 +
* 128 x 128 → Apps du Chrome Web Store, Android
 +
* 144 x 144 → IE10 tuile Metro pour raccourcis, iPad retina jusqu'à l'iOS6
 +
* 150 x 150 → Win 8.1
 +
* 152 x 152 → iPad retina Touch iOS7
 +
* 196 x 196 → Android Chrome
 +
* 310 x 150 → Win 8.1 tuile Metro large
 +
* 310 x 310 → Win 8.1 tuile Metro
 +
 
 +
= Bibliothèques de favicon.ico en ligne =
 +
* [http://www.iconj.com/animated-favicon.html iconj.com] '''IconJ''' : Librairie de favicon.ico animés gratuits
 +
* [https://www.freefavicon.com/freefavicons/objects/ freefavicon.com] '''Free Favicon''' : Bibliothèque de favicon.ico gratuits
 +
 
 +
= Générateur de favicon.ico en ligne =
 +
* [https://tools.dynamicdrive.com/favicon/ dynamicdrive.com] '''Dynamic Drive''' : Générateur de favicon.ico en ligne à partir d'une image téléchargée
 +
* [http://favicon.htmlkit.com/favicon/ htmlkit.com] '''favicon html kit''' : Création de favicon.ico en ligne à partir d'une image téléchargée
 +
* [https://www.icoconverter.com/ icoconverter.com] '''Ico Converter'''
 +
* [http://faviconit.com/en faviconit.com] '''faviconit''' : Générateur de favicon.ico en ligne et différentes tailles d'icônes au format png
 +
* [https://www.favicon-generator.org/ Favicon Generator] Générateur de favicon.ico en ligne
 +
* [https://www.favicon.cc/ Favicon.cc] Générateur de favicon.ico en ligne et catalogue de favicon.ico en accès libre
 +
* [http://tools.dynamicdrive.com/favicon/ tools.dynamicdrive.com] '''FavIcon Generator'''
 +
 
 +
= Directives favicon.ico =
 +
* [[Chrome]] : '''about:favicon (chrome://favicon/) = favicon.ico''' (voir '''[[Directives about: sous Chrome]]''')
 +
 
 +
= Liens utiles =
 +
* [https://en.wikipedia.org/wiki/Favicon en.wikipedia.org] Favicon sur '''[[Wikipedia]]'''
 +
 
 +
= Articles Vulgum Techus =
 +
* [[favicon.ico avec Joomla]]
 +
* [[favicon.ico avec B2Evolution]]
 +
* [[favicon.ico avec GiMP]]
 +
 
 +
= Commentaires =
 +
{{#widget:DISQUS
 +
|id=vulgumtechus
 +
}}

Version actuelle en date du 14 août 2019 à 22:39

Lien court vers cette page : https://vt.cx/favico
QR code vers cette page : https://vt.cx/favico.qr
Raccourci vers cette page : favicon

Présentation

Élément de personnalisation d'un site Internet, l'icône favicon.ico apparaît à plusieurs niveaux :

L'icône favicon.ico est un fichier graphique au spécifications suivantes :

Elle est intégrée à chaque site Internet par ses concepteurs et il est possible d'en affecter une différente par page si on le souhaite. De nombreux sites et logiciels de création et de bibliothèques de favicon.ico existent et cette page en recense les meilleurs.

favicon-ico absent 050116.jpg
Exemple de favicon.ico dans Chrome

Tailles des favicon.ico

Les tuiles Metro de Windows 8 et suivants correspondent à la nouvelle interface à tuiles du menu Windows. Les tailles sont données en pixels.

  • 16 x 16 → Taille standard pour navigateurs
  • 24 x 24 → IE9
  • 32 x 32 → IE Windows 7 nouvelle page, Windows 7+ icône de la barre des tâches, sidebar Safari
  • 48 x 48 → site Windows
  • 57 x 57 → iPod touch, iPhone jusqu'au 3G
  • 60 x 60 → iPhone Touch jusqu'à l'iOS7
  • 64 x 64 → site Windows, sidebar Safari en HiDPI/Retina
  • 70 x 70 → Win 8.1 tuile Metro
  • 72 x 72 → iPad Touch jusqu'à l'iOS6
  • 76 x 76 → iOS7
  • 96 x 96 → GoogleTV
  • 114 x 114 → iPhone retina Touch jusqu'à l'iOS6
  • 120 x 120 → iPhone retina touch iOS7
  • 128 x 128 → Apps du Chrome Web Store, Android
  • 144 x 144 → IE10 tuile Metro pour raccourcis, iPad retina jusqu'à l'iOS6
  • 150 x 150 → Win 8.1
  • 152 x 152 → iPad retina Touch iOS7
  • 196 x 196 → Android Chrome
  • 310 x 150 → Win 8.1 tuile Metro large
  • 310 x 310 → Win 8.1 tuile Metro

Bibliothèques de favicon.ico en ligne

  • iconj.com IconJ : Librairie de favicon.ico animés gratuits
  • freefavicon.com Free Favicon : Bibliothèque de favicon.ico gratuits

Générateur de favicon.ico en ligne

  • dynamicdrive.com Dynamic Drive : Générateur de favicon.ico en ligne à partir d'une image téléchargée
  • htmlkit.com favicon html kit : Création de favicon.ico en ligne à partir d'une image téléchargée
  • icoconverter.com Ico Converter
  • faviconit.com faviconit : Générateur de favicon.ico en ligne et différentes tailles d'icônes au format png
  • Favicon Generator Générateur de favicon.ico en ligne
  • Favicon.cc Générateur de favicon.ico en ligne et catalogue de favicon.ico en accès libre
  • tools.dynamicdrive.com FavIcon Generator

Directives favicon.ico

Liens utiles

Articles Vulgum Techus

Commentaires

blog comments powered by Disqus