Quelle icone pour quel mobil ?

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 .

Rapidement (mais super ton test) :

- Firefox Mac : F
- iPhone 4S : 114P
- iPad : 72P

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).

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.

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.

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

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)

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)

Coucou,

Aucun test pour Android 2.3?
Modifié par jmlapam (13 Dec 2011 - 00:42)

Pas tant qu'aucun test ne se révèle négatif avec.

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 ? )

À 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.

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)

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 !

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/