Accessoweb, Blog Web 2.0, Actualite Web 2.0


Créer son Webclip ( icone ) pour le iPhone

Publié par Philippe . le Mercredi 16 Janvier 2008



Créer son Webclip ( icone ) pour le iPhone
Bon ben voilà, maintenant tous les iPhones non jailbraké peuvent ou fonctionnent déjà avec le firmware 1.1.3

C'est vrai que les changements ne sont pas vraiment révolutionnaires mais bon, c'est un début, en espérant que d'autres suivront d'ici peu.

Parmi les changements, la possibilité d'ajouter vos sites favoris, directement sur l'écran de l'iPhone ( ou sur 1 des 9 pages que vous pouvez faire défiler de gauche à droite ). Lors de la création d'un raccourci, l'iPhone rajoute un Webclip ( icone ) correspondant à un mini screen du site en question.

Alors c'est le moment de créer son propre Webclip et de le mettre à disposition de vos lecteurs.

Pour cela, il suffit de suivre cette procédure.

  • concevoir un webclip de 57 x 57 pixels ( ni plus ni moins ) en PNG
  • vous devez appeler votre webclip : apple-touch-icon.png
  • vous le télécharger sur votre serveur
  • vous l'appelez sur votre site en ajoutant <link rel="apple-touch-icon" href="/customIcon.png"/> entre les balises <head>....</head> de votre site .

A la suite de cela, lorsque vous ajouterez votre site en favori sur l'écran du iPhone, vous verrez apparaitre votre logo.

Bon ben moi je suis pas doué pour faire ça. Si ça tente quelqu'un de m'en faire un :)

info trouvée sur iPhone Dev Center

Update: Comme vous pouvez le voir en haut du billet, le Webclip d'AccessOWeb a vu le jour et ceci grâce à eMeRiKa qui l'a réalisé et me l'a proposé 10 mn après la publication du billet.

webclip iPhone

Je vais maintenant devoir me rapprocher de Webzine Maker pour qu'il apparaisse sur l'iPhone ( ce qe j'ai fait ne semble pas fonctionner )

Merci eMeRiKa :)


Notez



Dans la même rubrique
< >

Dimanche 20 Décembre 2015 - 09:12 Orange et sa boite à capturer les émotions de Noël



1.Posté par eMeRiKa le 16/01/2008 23:38
La demande n'est pas tombée dans l'oreille d'un sourd : http://www.affinity-web.org/apple-touch-icon.png et voilà :p

2.Posté par philippe le 16/01/2008 23:55
ouchhhhhhh :)

Merci beaucoup eMeRiKa, je ne sais comment te remercier pour ce cadeau. Et quelle rapidité en plus.

Vraiment un grand MERCI ( je vais de ce pas voir comment je peux installer tout ça à partir de Webzine Maker , sinon, je fais appel à eux dès demain matin )

3.Posté par eMeRiKa le 17/01/2008 00:15
Une ptite MAJ du billet avec mon logo me suffirait :)

4.Posté par philippe le 17/01/2008 00:24
En fait j'avais bien écrit l'update mais j'attendais de voir si cela fonctionnait. Apparement quelques petits soucis. Je verrais avec Webzine demain matin :)

Merci encore

5.Posté par eMeRiKa le 17/01/2008 00:29
oula par contre, il a été converti en jpg dans ton billet et avec une qualité basse :s il est devenu moche!! Jamais en dessous de 80 la compression du jpg sinon ça dégrade de trop.

6.Posté par philippe le 17/01/2008 00:31
oui désolé, la première image est en JPG ( webzine oblige ) mais la dernière je l'a repasse en PNG ( ereur de ma part )

7.Posté par eMeRiKa le 17/01/2008 00:38
Héhé super :) je reste dispo si besoin.

8.Posté par Arkan le 17/01/2008 09:26
J'en ai fais un, qui est sur mon serveur et tout mais j'ai pas l'impression qu'il fonctionne... bon j'ai pas d'Iphone pour tester non plus mais mon instinct me dine que ça foire qqpart :)

9.Posté par Simon Robic le 17/01/2008 10:40
J'en ai parlé hier aussi sur mon blog ;)

La ligne de code html n'est pas nécessaire si ton fichier est en png, à la racine de ton site ( et non pas forcément de ton serveur ) et s'appelle bien apple-touch-icon. Les liens ne sont là que si tu veux mettre un autre nom, à un autre endroit, dans un autre format :)

http://www.simonrobic.com/blog/2008/01/16/creer-une-icone-pour-webclip-sur-iphone/ ;)

10.Posté par Vendeesign le 17/01/2008 10:45
En fait il ya a aussi un service qui te fait tout automatiquement : SpeedUrl
J'en est parlé sur mon blog il y a 2 mois :) http://leblog.vendeesign.com/?p=568

11.Posté par LuciferX le 17/01/2008 17:56
J'ai une petite question concernant le logo, peut-on faire ce que l'on veut pour la forme (rond, carré, losange, etc...) ou doit-il être obligatoirement carré avec les bords arrondis ?

Car ne possédant pas encore d'Iphone, je ne pourrais bien entendu par voir le rendu final !

D'avance merci ^^

12.Posté par philippe le 17/01/2008 21:01
luciferX il doit faire 57px * 57 px donc c'est tout de meme un peu carré.

Pour les bords arrondis, aucune idée

13.Posté par eMeRiKa le 18/01/2008 16:50
ça marche alors? et ça rend comment sur l'iphone? y'a moyen d'avoir une petite photo pour les malheureux qui n'ont pas d'iphone..

14.Posté par philippe le 18/01/2008 18:33
eMeRiKa, avec ma manip ça ne marche pas et je n'ai pas pu joindre Webzine encore. Mais ce sera fait :)

15.Posté par iPhone le 07/02/2008 21:11

Nouveau commentaire :
Facebook Twitter









Les derniers articles



Rechercher







Créer une application mobile
Créer un site internet




Les autres sites du groupe : News-Mobiles, webOSfrance, En 1 image et AutoDay