Pense à bien définir les paramètres de tes images, ce n’est pas anodin !

Depuis les 20 dernières années, le monde de l’informatique et du numérique a connu une avancée fulgurante ! Au niveau des écrans, nous sommes passés d’une résolution 256 couleurs à ce qui se fait aujourd’hui. Les navigateurs répondent à des internautes de plus en plus exigeants en termes de qualité et de rapidité ! 

En effet, il y a une vingtaine d’années, Mosaic était la référence au niveau des navigateurs et du graphisme ! En 2015, l’aire des images avec des pixels format « post-it » est révolue et tu l’as bien compris 🙂

Tu te demandes comment adapter tes images pour WordPress ? Cet article va t’aider 🙂

JPEG, GIF, PNG, YMCA… Que choisir ?

Questionne-toi bien sur la qualité de l’image que tu veux afficher : chaque extension à ses fonctionnalités !

• JPEG : Ce format est utilisé pour les images de petite taille. Ce format permet d’utiliser peu de place du fait de sa forte compression. Ainsi, ton image chargera rapidement 🙂 Mais attention, une trop forte compression induit un niveau élevé d’anomalie et ton image présentera des défauts visuels (en plus de ne pas supporter la transparence, ton fond devra donc être en cohérence avec les couleurs de ton image) !
• GIF : C’est l’une des meilleures solutions pour les images animées avec peu de couleurs ! Ce format est pratique pour les publicités et reste simple à animer. Mais n’oublie pas que ce format ne supporte pas la transparence non plus, le fond blanc est souvent le plus utilisé sur ce genre d’image 🙂
• PNG : Le « Portable Network Graphic » te permet d’afficher des images de haute qualité pouvant supporter la transparence,  grâce à un paramètre de compression sans perte. Mais n’espère pas obtenir la même vitesse de chargement qu’avec un JPEG.

Comment choisir la dimension de l’image ?

Pour les images de caméra, dans un premier temps, le mieux de réduire la dimension des pixels. Les dimensions de tes images doivent être en phase avec celles données par le code HTML/CSS de la page. Beaucoup de photographes traitent par exemple leurs images en 16 ou 32 bits pour conserver la meilleure qualité possible. C’est une bonne idée, mais la plupart des écrans ne pourront pas reproduire cette qualité… C’est pour cette simple raison qu’il vaut mieux réduire la profondeur de tes images à 8 bits.

Tu as déjà chargé des centaines photos sur WordPress, et tu n’as pas modifié ces paramètres ? Tu peux changer les paramètres de tes images en cliquant sur « éditer image » 🙂

Comment l’enregistrer ?

• « Enregistrer sous » : Si n’utilise pas Photoshop, tu bénéficies de paramètres standards disponibles avec les autres éditeurs. Concrètement, tu devras faire tes propres tests pour trouver le meilleur rapport qualité/taille.
• « Enregistrer pour le Web » : Pour synthétiser, cette option t’offre un large éventail de paramètres et te permet notamment d’avoir un aperçu des résultats potentiels.
• Si tu as Photoshop, il existe une troisième option dite « progressive« , qui est recommandée. Elle te permet par exemple de prévisualiser les éventuels changements de couleurs, induits par une modification de la résolution.

Pour conclure, pose-toi les bonnes questions :

• Faut-il insérer des images plutôt que des symboles ?
• Quel format correspondra le mieux à ton projet ?
• Quel mode d’enregistrement utiliser ?
• Qui a tiré sur J.R ? (Who shot J.R.? pour les puristes de Dallas ;))

Et dernier point, fais toujours des copies de tes fichiers, notamment avant de les compresser car tu perds des infos que tu ne pourras pas récupérer après 🙂