Comment faire pour créer un logo personnalisé iPhone Icône pour votre site Web

L'iPhone représente la plus grande part du trafic Web mobile pour la plupart webmaster . Donc, vous aurez envie de le rendre plus facile pour les visiteurs de l'iPhone à votre site favori avec une icône de l'iPhone personnalisée . Si vous ne créez pas une icône personnalisée , l'iPhone va créer une petite capture d'écran de votre page d'accueil à la place , donc un beau graphique lisible sera mieux si vous souhaitez que les utilisateurs reconnaissent votre site .

Revenons en arrière une étape de sorte que ceux d'entre vous sans iPhones saurez pourquoi cette question est importante . L'iPhone permet aux visiteurs du site de marquer une page , soit en l'ajoutant à signets dans le navigateur Safari , ou en plaçant une icône sur l'écran d'accueil qui agira comme un raccourci vers votre site . Lorsque quelqu'un clique un signe + en bas au centre de leur navigateur Web Safari pour iPhone signet une page sur leur iPhone , ils vont voir votre icône personnalisée au lieu de la capture d'écran miniature de votre page. Voici à quoi il ressemble sur l'iPhone lors de l'ajout d'un signet

Voici un trois étapes " . Comment " sur la création et l'affichage d'un signet spécifique iphone qui apparaîtra sur l'écran d'accueil iPhone lorsque les visiteurs de votre site favori et choisissez " Ajouter à l'écran d'accueil " parmi les options de signets présentés par l' iphone
. Les choses dont vous aurez besoin
votre logo au format carré
programme FTP
Graphics Software pour icône téléchargement de compétences en HTML de base

Instructions
1

Voici ce que l' icône de favori WebSite101 ressemblait quand je laisse mon iPhone créer pour moi. Ce ne est pas visuellement convaincante et ne aidera personne à se rappeler ce qu'ils signets. Si vous avez un logo existant qui peut être adapté à une icône carrée 45x45 pixel , il suffit de redimensionner le logo pour se adapter au petit format carré avec votre programme graphique préféré . Je ai fait le mien en prenant une icône Twitter existante créée pour WebSite101 et de réduire la taille de 73 pixels carré pour les nécessaires 45 pixels .
2

Voici mon logo adapté pour se adapter au format carré nécessaire d'icônes iPhone . (Je ai ajouté un aperçu de sorte que vous pouvez voir les bords contre le fond blanc ici.) Sauvegarder le graphique au format PNG et nommez-le " apple -touch -icon.png " et télécharger ce graphique à la racine de votre site en utilisant un programme FTP . Le logo personnalisé à gauche est beaucoup plus susceptibles d' aider les visiteurs à se rappeler le site et ce qu'ils signets.
3

Maintenant que vous avez téléchargé l'icône graphique représentant votre site , comment obtenez-vous iphone à reconnaître et utiliser votre nouvelle version à la place de ce petit écran ? Ajoutez la ligne de code suivante & lt; head> de vos pages

& lt . link rel = " apple -touch -icon " href = " /apple-touch-icon.png" />