QUEZAKO – optimiser mes images pour le web ?
3178
post-template-default,single,single-post,postid-3178,single-format-standard,infographer-core-1.1,infographer-child-theme-ver-1.0.0,infographer-theme-ver-2.2,ajax_leftright,page_not_loaded,no_delay

Blog

QUEZAKO – optimiser mes images pour le web ?


Warning: Undefined variable $width in /home/clients/0a070275bf1a12c2907a1edc52c4a65b/sites/PICTURGENCY/wp-content/plugins/infographer-core/modules/shortcodes/shortcodes.php on line 1264

Warning: Undefined variable $width in /home/clients/0a070275bf1a12c2907a1edc52c4a65b/sites/PICTURGENCY/wp-content/plugins/infographer-core/modules/shortcodes/shortcodes.php on line 1264

Warning: Undefined variable $width in /home/clients/0a070275bf1a12c2907a1edc52c4a65b/sites/PICTURGENCY/wp-content/plugins/infographer-core/modules/shortcodes/shortcodes.php on line 1264

Quelques tips & tricks pour les photographes qui veulent optimiser leur images pour le web sur lightroom, les clients qui utilisent photoshop et ceux qui cherchent un outil pour le faire le plus simplement possible.

Petit rappel : vous devez impérativement optimiser vos images !!!

  • pour alléger son poids : affichage plus rapide de votre site
  • pour un meilleur référencement puisque Google pénalise maintenant les sites non optimisés

Il y a 7 paramètres importants :

  • le nom
  • la taille
  • la compression
  • le mode couleurs
  • le mode d’affichage
  • la résolution
  • le format

Les 3 premiers sont variables selon vos besoins :

  • le nom : renommez bien vos images, elles participent au bon référencement. Jamais d’accent, d’espace ou de caractères spéciaux dans le nom.
  • la taille : soit vous jugez vous-même à l’œil l’écran, soit vous voulez le même format qu’une autre image de votre site
    • A l’œil : cherchez le % de zoom sur la fenêtre, il doit etre à 100% – sur photoshop double-cliquez sur l’outil loupe pour passer automatiquement à 100%
    • Récupérer une taille d’image : aller sur l’image dans votre navigateur – clic droit de souris « information sur l’image » ses dimensions seront indiquées – si cela ne marche pas, utilisez un outil de capture de zone tel que Snapndrag (mac) ou, dernier recours facile, enregistrez l’image sur votre bureau puis ouvrez-la dans votre logiciel d’image.
  • la compression : de 0 à 100% – plus vous baissez le % plus vous compressez, plus vous compressez plus votre fichier s’allège. A vous de juger quelle est la meilleure compression sans perdre de qualité à l’oeil.
    • Generalement entre 60 et 70% sont une bonne moyenne de compression.
    • Le poids du fichier indiqué en Ko doit en moyenne rester en dessous de 250Ko, excepté les images pleine page qui tourneront autour de 600Ko.

Les 4 suivants sont fixes :

  • le mode couleur est toujours RVB, mieux sRVB
  • le mode d’affichage est toujours progressif pour les jpg ou entrelacé pour les png
  • la résolution est toujours 72dpi pour le web
  • le format est toujours jpg pour les images, gif ou svg pour les graphiques et png lorsque vous voulez garder un fond transparent

QUEZAKO – comment on fait concrètement ?

OPTIMISER MES IMAGES POUR LE WEB AVEC LIGHTROOM

OPTIMISER MES IMAGES POUR LE WEB AVEC PHOTOSHOP

IMPÉRATIF : si c’est pour votre site web, cocher la case progressive ! si c’est pour un mail, cochez plutôt optimisé

OPTIMISER AVEC UN SCRIPT POUR TRAITER UN LOT D’IMAGES


Outils pour les clients qui ne possèdent pas de logiciels pros

RESIZE SENSE

(mac -payant 19$)

Télécharger

 

LIGHT IMAGE RESIZER

(logiciel gratuit – PC windows)

Télécharger