Logo Khaganat

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
fr:optimiser_image_web [03 December 2021 à 18:19:10] – modification externe 127.0.0.1fr:optimiser_image_web [04 June 2026 à 09:06:45] (Version actuelle) – [Réduire encore plus avec le jpg] Francois A.
Ligne 7: Ligne 7:
   * Pour les petites images (vignettes, boutons, barres de décoration) il faut rester en dessous de 10ko. En général ces images font 1 ou 2 ko.   * Pour les petites images (vignettes, boutons, barres de décoration) il faut rester en dessous de 10ko. En général ces images font 1 ou 2 ko.
  
-On considère que pour un affichage toujours fluide, la somme des images d'une page devrait rester en dessous de 100ko (en fait, la page complète ne doit peser que 100 ko au max à charger). C'est une règle difficile à suivre quand on teste avec une connexion adsl de bonne qualité, on ne se rend pas compte que ça rame déjà pour certains.+On considère que pour un affichage toujours fluide, la somme des images d'une page devrait rester en dessous de 100 ko (en fait, la page complète ne doit peser que 100 ko au max à charger). C'est une règle difficile à suivre quand on teste avec une connexion adsl de bonne qualité, on ne se rend pas compte que ça rame déjà pour certains.
  
 Mais comment y arriver ? Mais comment y arriver ?
  
 ===== Jouer sur la taille en pixel ===== ===== Jouer sur la taille en pixel =====
-Une image de 1200*700 pixels pèse plus lourd qu'une image de 800*600. Faire une image plus petite en hauteur et largeur est la façon la plus simple de réduire son poids.+Une image de 1 200*700 pixels pèse plus lourd qu'une image de 800*600. Faire une image plus petite en hauteur et largeur est la façon la plus simple de réduire son poids.
  
 Sous [[http://www.framasoft.net/article1054.html|Gimp]], allez dans ''Image''/''Echelle et taille de l'image'', faites varier la largeur ou la hauteur, en laissant la chaîne sur le côté des valeurs (afin de garder le ratio). Sous [[http://www.framasoft.net/article1054.html|Gimp]], allez dans ''Image''/''Echelle et taille de l'image'', faites varier la largeur ou la hauteur, en laissant la chaîne sur le côté des valeurs (afin de garder le ratio).
Ligne 30: Ligne 30:
  
 ===== Réduire encore plus avec le jpg ===== ===== Réduire encore plus avec le jpg =====
-Sous Gimp, exportez en jpg, compressez à 55, puis dans les options avancées, cochez ''optimiser'', et faire varier le curseur de l'adoucissement. Toutes les autres options doivent être décochées. L'image perdra légèrement en netteté mais restera très lisible. Une [[kh>accueil/img/spad5.jpg|image de 1 299px*675px]], faisant 158ko à la base, a été ainsi amené à 86ko (sans changer sa taille en pixel). +Sous Gimp, exportez en jpg, compressez à 55, puis dans les options avancées, cochez ''optimiser'', et faire varier le curseur de l'adoucissement. Toutes les autres options doivent être décochées. L'image perdra légèrement en netteté mais restera très lisible. Une [[kh>accueil/img/spad5.jpg|image de 1 299px*675px]], faisant 158 ko à la base, a été ainsi amené à 86 ko (sans changer sa taille en pixel). 
  
 ===== Utiliser des logiciels pour ça ===== ===== Utiliser des logiciels pour ça =====
CC Attribution-Share Alike 4.0 International Driven by DokuWiki
fr/optimiser_image_web.1638555550.txt.gz · Dernière modification : de 127.0.0.1

Licences Mentions légales Accueil du site Contact Inclusion