iPad : créer une jolie icone de raccourci vers votre site web

Si vous avez créé un raccourci vers France-iPad sur le dashboard de votre iPad ou de votre iPhone (et vous avez plutôt intérêt à l'avoir fait !) vous avez peut-être remarqué que c'est une jolie icône stylisée (genre application iOS) qui s'affiche et non une capture d'écran miniature du site comme c'est généralement le cas.

Point de magie la dedans ou de connaissance particulière en web design ou programmation. Figurez-vous en effet que n'importe quel bras cassé (moi par exemple) peut faire en sorte que toute personne qui créera un raccourci vers son site web dispose d'une jolie icône de lancement sur son iPad ou iPhone.

Et voici comment faire :
  1. Commencez par créer une icône de taille 129 x 129 pixels au format PNG avec un logiciel standard de dessin ou de retrouche (photoshop ou même beaucoup plus simple). Ne vous souciez pas d'ajouter l'effet "glossy et bord arrondi" (caractéristique des appli iOS).
  2. Hébergez cette image sur les serveurs de qui vous voudrez (Casimages par exemple : simple, gratuit et sans inscription). Enregistrez l'adresse web de cette image.
  3. Placez la ligne de code suivante juste après la balise head de votre site :

(<) link href="adresse-de-votre-image.png" rel="apple-touch-icon"/ (>) 

    Et voilà, c'est fait ! Dès qu'un visiteur créera un raccourci vers votre site sur son iPad, Safari repérera automatiquement cette balise dans votre code et c'est une jolie icône effet iOS qui s'affichera ! Elle est pas belle la vie ?

    6 commentaires:

    Jean-Claude a dit…

    Pourquoi 129 x 129 et pas 128 x 128 ?

    Redaction a dit…

    T'as raison : je crois que Safari redimensionne automatiquement les icônes à la taille voulue depuis peu, bon en tout cas avec 129x129 ça marché (j'ai testé) ! D'autres tailles sont peut-être possibles...

    Cab34 a dit…

    Mega supra génial , merci France Ipad !... Pourvu que je gagne !!!!!!!!!

    Cab34 a dit…

    Mais c'est de la balle !!! Et dire que je tapais l'adresse tous les jours !!!!!' comme quoi même les choses qui paraissent élémentaires pour certains sont un cadeau pour d'autres !!! merci

    Elpierro a dit…

    Merci beaucoup !

    FranceiPad a dit…

    je viens de t'envoyer la capture d'écran !

    Enregistrer un commentaire


    "France-iPad : le meilleur blog iPad !" - Steve Jobs ;-)
     
    Copyright 2012 www.France-iPad.net
    Powered by Blogger