Électroniques Technologie En ligne > Téléphones cellulaires et accessoires iPhones

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 & quot ; . Comment & quot ; 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 & quot ; Ajouter à l'écran d'accueil & quot ; 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 & quot ; apple -touch -icon.png & quot ; 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 = & quot ; apple -touch -icon & quot ; href = & quot ; /apple-touch-icon.png" ; />