Comment ajouter des icônes à un site Web iPhone, iPad et iPod Touch

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.

Stealth Settings Favicon
Stealth Settings Favicon dans Safari
Favicon dans Opera
Favicon dans Opera

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 iPad et iPod

Nous le faisons en ouvrant une page Web sur iPhone (Safari, Chrome, navigateur internet etc), cliquez sur le carré avec la flèche (le signe pour "partager" dans iOS), puis l'optionAdd 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

  • modèles classiques de iPhone / iPod = 57 × 57
  • iPad = 76 × 76
  • iPhone / iPod Retina = 120 × 120
  • iPad Retina = 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
icônes

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:

<link href=”/apple-touch-icon.png "rel ="apple-touche-icône ”/> <link href=”/apple-touch-icon-76 × 76.png "rel ="apple-touch-icon "tailles =" 76 × 76 "/> <link href=”/apple-touch-icon-120 × 120.png "rel ="apple-touch-icon "tailles =" 120 × 120 "/> <link href=”/apple-touch-icon-152 × 152.png "rel ="apple-touch-icon "tailles =" 152 × 152 "/> <link 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.

iPhone-Site Web-Icône

L'icône de raccourci vers le site Web ressemblera à n'importe quel applications pour iOS.

Laissez un commentaire

Votre adresse email n'apparaîtra pas. Les champs obligatoires sont marqués *

Total
0
Partages
article précédent

Mettre à jour OS X El Capitan 10.11.5 et iTunes 12.4 - Télécharger et Install

article suivant

Nouvelles en Windows 10 Mise à jour anniversaire - RAM, processeur et stockage minimum, nouvelles tailles d'écran

Utilisateurs recherchant:

plisetore, samachara video 3gp, تطبيقات تحميل الموسيقي لهواتف java, jocuri java, Aplikace prehravac videa java, preuzimanja kalatukar za procinivanje ljubavi, ansacri a yahoo ID, Nhan esc lam sao nhan no hoac ok trong bios, Ieladet java telefona, Stahnout aplikace signal, ios gerenciado de tarefas icon, telecharger jeux super mario gratuit mobile, semnal slab telefon mobil, stahnut hri mobilu mario, hotmail oppsett vanlig mobil, tema musim salju, تحديثات موبايل LG_A395, nastavitve google android download, aplicati compatibile, Plei maga3in,
Total
0
Partager