Pour que les pages du site s'ouvrent rapidement, vous devez utiliser des images du plus petit poids possible (taille du fichier). Dans le même temps, après compression, la qualité d'image ne devrait pas trop souffrir.
Pour savoir quel format est optimal, nous avons testé les formats GIF , JPG , PNG et WEBP et comparé les tailles des fichiers résultants.
Méthodologie de test
La compression a été effectuée sur un site de travail à l'aide de deux programmes:
• Bibliothèque graphique GD , intégrée par défaut à PHP.
• Programme ImageMagick tiers et son extension php Imagick .
En réduisant le paramètre de qualité de 100 à 0%, une valeur a été trouvée à laquelle la qualité d'image est restée acceptable.
Dites simplement que les programmes GD et Imagick donnent le même résultat avec le même paramètre de qualité (Q), donc tous les exemples sont donnés uniquement pour les images obtenues dans le programme GD .
Les tailles réelles pour les images de grande taille sont 1600x900px, pour les miniatures 400x225px - les tailles visibles peuvent varier.
Image miniature (miniature) 400x225px
En termes de compression, le format WEBP est un leader incontestable.
Note PNG
Le format PNG est pratiquement compressible par les deux programmes et donne une taille de fichier d'un ordre de grandeur plus grande que tous les autres formats. En particulier, dans ce test, les fichiers PNG avaient une taille de fichier plus de 40 fois supérieure au format WEBP .
On pourrait utiliser le format PNG pour les images avec un fond transparent, cependant, le format WEBP fonctionne également avec le canal alpha, et donne en même temps un bien meilleur résultat.
, , PNG .
GIF
GIF . GIF , . SVG, GIF ( gif-).
1600x900px
WEBP JPG, 50% .
, WEBP . , , .
WEBP , .
400x225px.
WEBP .
Pour les programmes GD et Imagick , il est recommandé de définir la valeur de qualité sur 20-30%.