Favicon.ico - Icône de site Web dans le navigateur
Avant elle a lancé un site Web et ajouter un fichier graphique, favicon, à apparaître dans le navigateur, dans la barre d'adresse. Dans la plupart des situations, le favicon est une vignette du logo graphique ou les initiales du site Web respectif. Ce favicon est ajouté pour aider les utilisateurs à identifier rapidement une adresse Web dans les signets.
Jusqu'à récemment, ce fichier devait être en forme "favicon.ico", à identifier par le navigateur Web. Chrome, Internet Explorer, Opéra, Safari, Firefox, etc...
Depuis plusieurs années, avec la promotion de nouvelles langues web, HTML5 si CSS3, Favicons peut être un .png ou . Jpg. La condition est que l'en-tête du site, avant, Soyez cette ligne:
Icône de site Web pour iOS - iPhone, iPad et iPod Touch
In iOS nous pouvons ajouter page Web raccourcis pe écran d'accueilCPC iPhone, iPad si iPod touch.
Comment ajouter un raccourci vers un site Web sur iPhone, Écran d'accueil de l'iPad et de l'iPod
Nous le faisons en ouvrant une page Web sur iPhone (Safari, Chrome, etc navigateur internet), cliquez sur le carré avec la flèche (le signe pour "partager" dans iOS), puis l'option "Add vers l'écran d'accueil" .
Si le site a mis en favicon pour votre navigateur, mais pas encore défini périphériques iOS sites icône spécifique, L'écran apparaît une icône consistant en un image preview page Web.
Comment ajouter des icônes Web pour iPhone, iPad et Android.
La première étape consiste à créer une icône d'imageCela apparaîtra sur écran d'accueilcommunauté iDevice CPC. Pour icône web est compatible sur tous les appareils et de voir clairement, nous devons créer une image pour toutes les résolutions de iPhone et iPad.
Résolutions et tailles d'icônes standard pour iPhone, iPad, iPod et Android
- Modelele classique de iPhone / iPod = 57 × 57
- iPad = 76×76
- iPhone / iPod Retina = 120 × 120
- iPad Rétine = 152×152
- iPhone 6 / 6S Plus = 180 × 180
Apple régulièrement mis à jour taille de l'icône recommandéeURL applications si les pages Web pe cette page.
Pour les appareils Android, les icônes sont deux dimensions:
- Android classique = 128 × 128
- Android avec haute résolution (haute résolution) = 192 × 192
Une fois que nous avons créé les images, elles sont téléchargées sur le serveur Web et dans la source HTML du site Web, avant de fermer , les lignes suivantes sont ajoutées:
<lien href="/apple-touch-icon.png "rel ="apple-touche-icône ”/> <lien href="/apple-touch-icon-76 × 76.png "rel ="apple-touch-icon "tailles =" 76 × 76 "/> <lien href="/apple-touch-icon-120 × 120.png "rel ="apple-touch-icon "tailles =" 120 × 120 "/> <lien href="/apple-touch-icon-152 × 152.png "rel ="apple-touch-icon "tailles =" 152 × 152 "/> <lien href="/apple-touch-icon-180 × 180.png "rel ="apple-touch-icon "tailles =" 180 × 180 "/>
Pour les appareils Apple, Le nom de l'image .PNG et "rel =" doivent contenir le préfixe "apple- ". Pour Android, les noms de fichiers seront "icon hires.png"Et"icon normal.png"Avec rel =" icône ".
Il n'est pas absolument nécessaire de créer des images pour chaque résolution. Vous pouvez créer une image pour la résolution la plus élevée, et les appareils avec une résolution inférieure l'identifieront et la définiront comme icône.
L'icône de raccourci vers le site Web ressemblera à n'importe quel applications pour iOS.
