Comment créer un iphone icône de logo personnalisé 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.


Sommaire

  • Instructions
  • Conseils & avertissements

  • Revenons en arrière une étape de sorte que ceux d'entre vous sans iPhones aura savoir pourquoi cela est important. L'iPhone permet aux visiteurs 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. Quand quelqu'un clique sur 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 trois étapes "Comment" sur la création et l'affichage d'une signet spécifique iphone qui apparaîtra sur l'écran d'accueil de l'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.

    Choses que vous devez

    • Votre Logo au format carré



    • Graphics Software
    • Programme FTP pour télécharger Icône




    • 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. Il est pas visuellement convaincante et ne sera pas aider quelqu'un à se rappeler ce qu'ils signets. Si vous avez un logo existant qui peut être adapté à une icône carré 45x45 pixels, il suffit de redimensionner le logo pour adapter le petit format carré à l'aide de votre programme graphique préféré. Je 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 adapter le format carré nécessaire d'icônes iPhone. (Je l'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- "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 en signet.

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

      lt; link rel ="apple-touch-icon" href ="/apple-touch-icon.png" / Gt;

    Conseils & Avertissements

    • Si l'icône ne se présente pas dans votre premier essai, essayez d'ajouter le nom de domaine à la trajectoire de l'image.
    • Si vous souhaitez stocker l'icône de l'iPhone dans un dossier d'image régler le chemin de fichier pour refléter l'emplacement
    » » » » Comment créer un iphone icône de logo personnalisé pour votre site web