Sauvegarde et optimisation d'images
Dans Photoshop
Après avoir découpé et sélectionné votre image, ouvrez le menu ‘Fichier’ et cliquez sur ‘Enregistrer pour le Web et les périphériques...’.
![TEKNIKA](design/optimisation.jpg)
Suivant le choix de l’extension et le taux de compression, le poids du fichier s’affiche en bas à gauche de l’image optimisée. Il s’agit ici de trouver le poids minimum de l’image pour qu’elle s’affiche avec le moins de dégradations possibles.
4 formats de fichiers de compression disponibles
Type | Mode de compression | Nombre de couleurs | Utilisation |
JPG | Par regroupements de pixels | 16 millions | Photos, textures |
PNG-8 | Par nombre de couleurs | 2 > 256 | Aplat de couleurs, petites images, logos |
PNG-24 | Gestion de la transparence | 16 millions | Photos avec transparence |
GIF | Par nombre de couleurs | 2 > 256 | Aplat de couleurs, petites images, logos |
Faisons le test !
Récupérons les 3 images ci-dessous en cliquant sur celles-ci, ouvrons-les dans Photoshop et optimisons-les en terme de poids/qualité afin de les afficher au mieux via un navigateur web.
Une image très texturée
![](design/1_meltdown_1024.jpg)
Une grande image avec des aplats de couleur
![](design/2_material-wallpaper-1024x768.jpg)
Le plus beau logo du monde
![](design/teknika_LogoFilaire_portrait.png)