Favicon.ico – Icône de site Web dans le navigateur
Avant le lancement d'un site Web, un fichier graphique est ajouté, favicon, pour apparaître dans le navigateur, à la barre d'adresse. Dans la plupart des situations, Favicon est une miniature du logo graphique ou des initiales du site Web respectif. Ce favicon est ajouté pour aider les utilisateurs à identifier une adresse Web plus rapidement dans les signets.
Jusqu'à récemment, ce fichier devait être en forme “Favicon.ico“, à identifier par le navigateur Web. Chrome, explorateur Internet, opéra, safari, Firefox, etc.
Pendant plusieurs années, avec l'avancement des nouvelles langues Web, Html9 et CSS3, Favicon peut être un fisier .png ou .jpg. Conditia este ca dans le site en tête-ul-ului, inainte de </tête>, pour être présent la ligne:
<lien rel =”icône de raccourci” href =”/images/favicon.ico” type =”image / x-icon” / />
Icône de site Web pour iOS – iPhone, iPad Si iPod Touch
Dans ios Nous pouvons ajouter shortcut-urile paginilor web pe Écran d'accueil-uliPhone, iPad et iPod touch.
Comment ajouter le raccourci d'un site Web sur l'écran d'accueil de l'iPhone, de l'iPad et de l'iPod
Nous le faisons en ouvrant une page Web sur l'iPhone (Safari, Chrome, etc. Brewser Internet), nous appuyons sur la place avec la flèche (le signe pour “partager” in iOS), apoi optiunea “Ajouter à l'écran d'accueil“.
Si le site Web a un Favicon défini pour le navigateur, mais pas défini iconita specifica device-urilor iOS, pe screen o sa apara o iconita formata dintr-o Imaginez l'aperçu a paginii web.
Comment ajouter des icônes Web pour iPhone, iPad et Android.
Primul pas este sacreem o imagine pentru iconita, care sa apara pe Écran d'accueil-ul idevice-ului. Pour que l'icône Web soit compatible sur tous les appareils et voir clairement, nous devons créer l'image pentru toate rezolutiile de iPhone si iPad.
Résolutions et tailles standard des icônes pour iPhone, iPad, iPod et Android
- Modèles classiques iPhone / iPod / 57×57
- iPad = 76×76
- iPhone / iPod Retina = 120×120
- iPad Retina = 152×152
- iPhone 6 / 6s Plus = 180×180
Apple Mettre à jour régulièrement dimensiunile recomandate pentru iconURL applications et paginilor web pe acesta pagina.
Pentru device-urile Android, icon-urile sunt de doua dimensiuni:
- Android Classic = 128 × 128
- Android avec haute résolution (Hi-Res) = 192 × 192
Dupa ce avem facute imaginile, se urca pe web server, iar in sursa HTML a website-ului, inainte de inchiderea </tête>, Ajoutez les lignes suivantes:
<lien href =”/Apple-Touch-icon.png” rel =”pomme-touch-icon” / /> <lien href =”/ Apple-Touch-Icon-76×76.png” rel =”pomme-touch-icon” tailles =”76×76″ / /> <lien href =”/ Apple-Touch-Icon-120×120.png” rel =”pomme-touch-icon” tailles =”120×120″ / /> <lien href =”/ Apple-Touch-Icon-152×152.png” rel =”pomme-touch-icon” tailles =”152×152″ / /> <lien href =”/ Apple-Touch-Icon-180×180.png” rel =”pomme-touch-icon” tailles =”180×180″ / /> <lien href =”/icon-hires.png” rel =”icône” tailles =”192×192″ / /> <lien href =”/icon-normal.png” rel =”icône” tailles =”128×128″ / />
Pour les appareils Apple, le nom d'image .png et “rel =” trebuie sa contina prefixul “pomme-“. Pentru Android, Numele Fisierelor VA Fi “icon-hires.png” et “icon-normal.png” avec rel =”icône”.
Nu este absolue necesar sa créati imagini pentru fiecare Rezolutie in Parte. Vous pouvez créer une image pour la plus haute résolution, et les appareils avec une résolution inférieure l'identifieront et le définiront comme une icône.
Iconul shortcut-ului catre website va arata asemanator cu cel al oricarei Applications pour iOS.
