Quelle icone pour quel mobil ?

Des livres incontournables pour tout maîtriser

Auteur
cahnory	# 09 Dec 2011, 15:43:33
90 Posts	Je prépare un kit basé sur ce que j'ai pu lire ça et là au sujet des icons de page web. J'aimerai des retours sur les os android, windows mobile... tout ce qui n'est pas ios en fait. Pour ce faire rendez-vous à cette page : http://cahnory.fr/favicon-boilerplate/. j'aurai besoin de savoir quel icone est utilisé et dans quel cas (mise en favoris, bureau,...). Si vous avez des terminaux mobiles et un peu de temps, votre aide serait fortement appréciée . Si j'affirme quelque chose c'est bien entendu dans la limite de mes connaissances.
90 Posts
Vincent Valentin	# 09 Dec 2011, 16:08:26
113 Posts	Rapidement (mais super ton test) : - Firefox Mac : F - iPhone 4S : 114P - iPad : 72P Vincent Valentin Développeur Web client
113 Posts
cahnory	# 09 Dec 2011, 16:56:53
90 Posts	Petit test par un contact qui a une Galaxy Tab 10.1 (android honeycomb) - Favoris : F - Bureau : 57P Détail étrange, l'icon precomposed est utilisé mais malgré cela, des bords sont arrondis sont appliqués. Je rappel que le but du precomposed est justement de fournir une icone déjà "embellie" (comprendre que l'os ne doit pas y ajouter d'effets). Si j'affirme quelque chose c'est bien entendu dans la limite de mes connaissances.
90 Posts
Victor BRITO	# 09 Dec 2011, 17:08:15
Je ne suis pas mort, je dors 2385 Posts	Salut, Cela dit, un iPad n'aura pas de difficultés à redimensionner un icône de 114 pixels au carré si c'est la seule icône Apple fournie. En campagne contre la balkanisation du Web, pour rappeler qu'il existe un seul Web Mon avatar : l'ancien département de la Seine (le grand 75 d'avant 1968)
Je ne suis pas mort, je dors 2385 Posts
cahnory	# 09 Dec 2011, 18:53:07
90 Posts	Par principe je préfère, autant que possible, ne pas envoyer d'image plus grande (et donc lourde) que nécessaire. Aussi, l'icone peut nécessiter d'être redessiner plus ou moins légèrement selon ce quel contient. Certains motifs pouvant se détériorer si une re-dimension bête et méchante leur est appliquée (on ne fait généralement pas son favicon en redimensionnant sont apple-touch-icon). Enfin, c'est pas un gros effort à fournir alors pourquoi se priver ? Sur le lien que je donne sur ma page de test on peut lire : a écrit : It’s perfectly possible to just create one high-resolution icon and use that for all devices. In fact, this is how Apple does it. Devices with smaller screens or lower display resolutions will automatically resize the icon. The downside is that these devices will load the large high-quality image, while a much smaller file would have worked just as well. This wastes bandwidth and affects performance negatively for the end user. Si j'affirme quelque chose c'est bien entendu dans la limite de mes connaissances.
90 Posts
Geoffrey C.	# 12 Dec 2011, 19:38:03
Je ne sais pas, gzip... Modérateur 83 Posts	Hello, Bonne initiative. Pour moi c'est 57p sur un iPhone 3gs. Mais sans surprise j'imagine. Ça ferait un bon sujet d'article avec les résultats de ce petit test. Bonne continuation Schnapsum - Le Lorem Ipsum Alsacien, démarquez-vous dans vos mises en page ! Astuces, tutoriels et ressources en CSS3, jQuery et pour WordPress.
Je ne sais pas, gzip... Modérateur 83 Posts
Kaelig	# 12 Dec 2011, 21:43:27
81 Posts	Bonne initiative ! iPad 2 : 72p (sans effet) Chrome (ajout à l'écran des applications) : F Galaxy tab avec Android 2.2.1 : rien (c'est ptet pas prévu)
81 Posts
cahnory	# 12 Dec 2011, 22:00:55
90 Posts	Kaelig, je viens de mettre en place une seconde page de test http://cahnory.fr/favicon-boilerplate/android-2.2.1.html Si avec celle-ci une icone est utilisée, peux tu stp faire un tour sur cette page : http://cahnory.fr/jquery/projects/analytics/ et me poster ce qu'elle te retourne (ici ou par mp) ? Fait pas gaffe à la propreté des sources de cette page, c'est un draft perso qui n'a pas été prévu pour ça mais qui fera l'affair pour le coup Edit : ajout de deux autres tests pour android 2.2.1 http://cahnory.fr/favicon-boilerplate/android-2.2.1-absolus.html et http://cahnory.fr/favicon-boilerplate/android-2.2.1-base.html Modifié par cahnory (12 Dec 2011 - 22:10) Si j'affirme quelque chose c'est bien entendu dans la limite de mes connaissances.
90 Posts
jmlapam	# 13 Dec 2011, 00:41:59
Bazinga ! 2148 Posts	Coucou, Aucun test pour Android 2.3? Modifié par jmlapam (13 Dec 2011 - 00:42) Don't <li> !
Bazinga ! 2148 Posts
cahnory	# 13 Dec 2011, 07:33:16
90 Posts	Pas tant qu'aucun test ne se révèle négatif avec. Si j'affirme quelque chose c'est bien entendu dans la limite de mes connaissances.
90 Posts
InpIxelItrust	# 13 Dec 2011, 09:24:28
219 Posts	Bonne initiative Android 2.3 (cyanogen mod) browser natif : F Par contre j'ai le droit à ce texte : "Vous êtes sur Android 2.2.1 ? Il semblerait qu'aucune icone ne soit utilisée, si cela se vérifie veuillez procéder à ces quelques test :" mais l'icone est bien utilisée... idem mais sous opera mini : F, pas de texte cette fois. (sinon un qrcode pour les prochains tests pour éviter d'avoir à ré-écrire l'url dans le browser du téléphone ? ) Just because you CAN... does not mean you SHOULD ! [ Avez-vous pensé à mettre votre doctype aujourd'hui ? ]
219 Posts
cahnory	# 13 Dec 2011, 09:35:53
90 Posts	À vrai dire ce text s'affiche pour tout le monde. C'est une page toute simple sans js, css,… oui oui ça existe encore ^^. Bon si j'ai le temps je vais tenter de faire un peu de la "désimplifier" . Si vous pouviez poster les résultats de ce test : http://cahnory.fr/jquery/projects/analytics/ Afin de préparer un peu de détection. Si j'affirme quelque chose c'est bien entendu dans la limite de mes connaissances.
90 Posts
cahnory	# 13 Dec 2011, 23:19:06
90 Posts	Une personne sur irc (sphax3d sur #openweb) a réalisé les tests à l'aide d'un "HTC magic en 2.2.1 (cyanogen)". Il semblerait qu'il réagit comme les autres android, à savoir favicon en favoris et 57P pour le bureau… le mystère est donc plus qu'entier. Kaelig, je t'invite à faire les nouveaux tests car tu es pour le moment la seule personne qui a pu tester cette particularité. Modifié par cahnory (13 Dec 2011 - 23:23) Si j'affirme quelque chose c'est bien entendu dans la limite de mes connaissances.
90 Posts
Kaelig	# 14 Dec 2011, 09:34:52
81 Posts	cahnory a écrit : Kaelig, je viens de mettre en place une seconde page de test http://cahnory.fr/favicon-boilerplate/android-2.2.1.html Si avec celle-ci une icone est utilisée, peux tu stp faire un tour sur cette page : http://cahnory.fr/jquery/projects/analytics/ et me poster ce qu'elle te retourne (ici ou par mp) ? Dans les favoris on a bien la favicon mais toujours rien lors de l'ajout à l'écran d'accueil (c'est l'icone de bookmark par défaut). La bonne pratique est de mettre le fichier apple-touch-icon.png ainsi que la favicon.ico à la racine du domaine. C'est checké automatiquement par les browsers mobiles. Voici les résultats de la page analytics : https://gist.github.com/7ae589f0d05a84cea2bd cahnory a écrit : Edit : ajout de deux autres tests pour android 2.2.1 http://cahnory.fr/favicon-boilerplate/android-2.2.1-absolus.html et http://cahnory.fr/favicon-boilerplate/android-2.2.1-base.html Absolus : 57p Base : 57p Bravo ça fonctionne !
81 Posts
cahnory	# 14 Dec 2011, 12:53:10
90 Posts	Merci pour ton retour (qui en plus est positif ). J'ai fait un petit récapitulatif, n'hésitez pas à me faire part de vos remarques. J'ai pu constater au passage que le favicon d'alsacreations ne fonctionnait pas sous IE. http://www.cahnory.fr/favicon-boilerplate/ Si j'affirme quelque chose c'est bien entendu dans la limite de mes connaissances.
90 Posts
Prévenir un modérateur