icône favicon.ico : Différence entre versions
De Vulgum Techus
(→Tailles des favicon.ico) |
|||
(22 révisions intermédiaires par un utilisateur sont masquées) | |||
Ligne 1 : | Ligne 1 : | ||
− | [[Catégorie: | + | <!-- 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> | <html> | ||
− | <script | + | <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 | + | |
− | + | ||
</script> | </script> | ||
</html> | </html> | ||
− | |||
− | = | + | = Présentation = |
− | + | Élément de personnalisation d'un '''[[site Internet]]''', l''''[[icône]]''' favicon.ico apparaît à plusieurs niveaux : | |
− | * [[favicon.ico | + | * Favoris ou bookmark des '''[[navigateurs]]''' |
− | * [[favicon.ico | + | * 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'' | ||
+ | |||
+ | = 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 = | = Bibliothèques de favicon.ico en ligne = | ||
− | * [http://www.iconj.com/animated-favicon.html | + | * [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 = | = 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/ favicon html kit | + | * [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-generator.org Favicon Generator] Générateur de | + | * [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 = | = 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
Sommaire
Présentation
É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.
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
- Chrome : about:favicon (chrome://favicon/) = favicon.ico (voir Directives about: sous Chrome)
Liens utiles
- en.wikipedia.org Favicon sur Wikipedia