Comment servir différentes miniatures/images en fonction du navigateur/de la plateforme de l'utilisateur
C’est une question générale pour discuter des méthodes de filtrage des tailles d’image WordPress en fonction du navigateur/de la plate-forme (comme un smartphone, un netbook ou un ordinateur de bureau). L'idée étant que sur un mobile, nous ne voulons pas forcer les gens à télécharger une image de 100 Ko alors qu'une image de 20 Ko serait assez grande pour leur écran, ce qui leur permettrait d'économiser de la bande passante.
Le résultat serait de faire de l'utilisation des requêtes de médias CSS une alternative viable à un thème séparé pour une version mobile d'un site.
Il y a quelques points à considérer:
Interface utilisateur
Quel serait le meilleur moyen de permettre à un utilisateur de contrôler les tailles des vignettes et des images moyennes, etc., pour différentes plates-formes ou bien uniquement pour différentes tailles d'écran?
Détection de périphérique
Quel serait le meilleur moyen de détecter les capacités d'écran du périphérique/UA du côté serveur. Y a-t-il des plugins qui le font déjà?
La mise en oeuvre
Comment feriez-vous pour écrire le code afin de créer les différentes vignettes, puis pour modifier la sortie des WP en fonction de la taille du périphérique/de l'écran? Idéalement, il s'agirait d'un thème agnostique, de sorte qu'un appel à the_post_thumbnail('medium') renverrait la taille d'image appropriée pour le périphérique/la plate-forme.
Essayez tinysrc.net , ils font le travail difficile pour vous. Je ne l’ai pas testé, mais cela semble prometteur.