J'essaye de créer des miniatures de bonne qualité, en diminuant le poids et la résolution (pour ne pas surcharger les pages internet et le site), mais en conservant une bonne netteté.

J'ai inséré 3x la même image, mais à différentes tailles. J'ai retravaillé l'image d'origine avec paint, en utilisant le redimensionnement en px, et j'ai créé 3 tailles:
- 200 px vertical
- 300 px vertical
- 400 px vertical

l'image d'origine faisait:
[1000px horizontal / 1411 px vertical]

Pour chaque image redimensionnée, je les ai ensuite compressées au maximum en gardant une qualité + ou - proche du lossless (86%). Je travaille avec Caesium et Tiny JPG / PNG pour la compression des images.

Après, je les ai uploadées, puis ajoutées sur la page en leur mettant une balise de hauteur égale à 100 px. Donc chaque image a une taille différente de +100 px, mais la balise les équilibre. J'ai tenté d'insérer directement une miniature à 100 px sans balise de taille, mais la qualité est horrible, encore pire que le premier exemple minimum à 200px avec balise.

J'aimerais que vous jetiez un œil, et me disiez ce que vous pensez du niveau des miniatures. Pour moi, la 400px est évidemment la meilleure au ratio qualité / poids, mais qu'en pensez-vous? Est-ce que vous trouvez que c'est mieux de mettre moins de qualité, pour encore alléger? Si vous faites un zoom avec votre ordinateur (300%), on voit nettement la différence entre les images, mais à un niveau d'environ 150% de visualisation d'écran, c'est plus difficile à observer. Si vous avez des idées, faites suivre^^.

• 200px
• 300px
• 400px