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

De Vulgum Techus
Aller à : Navigation, rechercher
(Présentation)
(Tailles des favicon.ico)
 
(14 révisions intermédiaires par un utilisateur sont masquées)
Ligne 1 : Ligne 1 :
  '''[[Lien court]]''' vers cette page : http://vt.cx/favico
+
<!-- Links checked 06/11/18 -->
  '''[[QR code]]''' vers cette page : http://vt.cx/favico.qr
+
[[Catégorie:Graphisme]]
  '''Raccourci''' vers cette page : [[favico]]
+
[[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>
 
<html>
<script type="text/javascript"><!--
+
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
google_ad_client = "ca-pub-3341840374417340";
+
<!-- VT2 -->
/* VT2 */
+
<ins class="adsbygoogle"
google_ad_slot = "6349432125";
+
    style="display:inline-block;width:468px;height:60px"
google_ad_width = 468;
+
    data-ad-client="ca-pub-3341840374417340"
google_ad_height = 60;
+
    data-ad-slot="6349432125"></ins>
//-->
+
<script>
</script>
+
(adsbygoogle = window.adsbygoogle || []).push({});
<script type="text/javascript"
+
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
+
 
</script>
 
</script>
 
</html>
 
</html>
<br/>
 
  
 
= Présentation =
 
= Présentation =
Élément de personnalisation d'un '''[[site Internet]]''', l''''[[icône]] favicon.ico''' apparaît à plusieurs niveaux :
+
Élément de personnalisation d'un '''[[site Internet]]''', l''''[[icône]]''' favicon.ico apparaît à plusieurs niveaux :
 
* Favoris ou bookmark des '''[[navigateurs]]'''
 
* Favoris ou bookmark des '''[[navigateurs]]'''
* Dans les onglets des '''[[navigateurs]]'''
+
* Dans les onglets des navigateurs
* Dans la '''[[barre d'adresse]]''' de certains '''[[navigateurs]]'''
+
* Dans la '''[[barre d'adresse]]''' de certains navigateurs
Le '''favicon.ico''' est un fichier graphique au spécifications suivantes :
+
L'icône favicon.ico est un fichier graphique au spécifications suivantes :
* carré de 16, 32 ou 64 pixels de côté
+
* carré de 16, 32, 48 ou '''64 pixels de côté
* '''[[gif]]''' ou '''[[png]]'''
+
* format '''[[ico]], [[gif]], [[gif animé]], [[png]]''' ou '''[[jpeg]]''' (selon '''[[navigateur]]''')
* '''256 couleurs''' maximum
+
* 16 millions de couleurs maximum depuis '''[[Windows XP]]'''
 
* peut gérer l'animation et la transparence
 
* 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.
+
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/>
 
<br/><br/>
 
[[Fichier:favicon-ico absent 050116.jpg]]<br/>
 
[[Fichier:favicon-ico absent 050116.jpg]]<br/>
''Exemple de favicon.ico dans '''[[Chrome]]'''''
+
''Exemple de favicon.ico dans Chrome''
  
= Articles [[Vulgum Techus]] =
+
= Tailles des favicon.ico =
* [[favicon.ico avec Joomla]]
+
Les tuiles Metro de Windows 8 et suivants correspondent à la nouvelle interface à tuiles du menu Windows. Les tailles sont données en pixels.
* [[favicon.ico avec B2Evolution]]
+
* 16 x 16 → Taille standard pour navigateurs
* [[favicon.ico avec GiMP]]
+
* 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 =
 
= Bibliothèques de favicon.ico en ligne =
* [http://www.iconj.com/animated-favicon.html IconJ] Librairie de '''favicon.ico''' animés gratuits
+
* [http://www.iconj.com/animated-favicon.html iconj.com] '''IconJ''' : Librairie de favicon.ico animés gratuits
* [http://www.freefavicon.com/freefavicons/objects/ Free Favicon] Bibliothèque de '''favicon.ico''' 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 =
 
= Générateur de favicon.ico en ligne =
* [http://tools.dynamicdrive.com/favicon/ dynamicdrive.com] '''Dynamic Drive''' : Générateur de '''favicon.ico''' en ligne à partir d'une image téléchargée
+
* [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
+
* [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
* [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.icoconverter.com/ icoconverter.com] '''Ico Converter'''
* [http://favicon-generator.org Favicon Generator] Générateur de '''favicon.ico''' en ligne
+
* [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
* [http://www.favicon.cc/ Favicon.cc] Générateur de '''favicon.ico''' en ligne
+
* [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 =
 
= Directives favicon.ico =
* [[Chrome]] '''about:favicon (chrome://favicon/) = favicon.ico''' (voir '''[[Directives about: sous Chrome]]''')
+
* [[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 =  
 
= Commentaires =  

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