optimiser les photos sur votre site

Les images lourdes peuvent ralentir l'affichage de votre site

 

 

Pour rendre votre site attractif, les images et photos sont un atout majeur. 

 

Utiliser des images de haute qualité. 

 

Comment procéder ? Quels types d'images ? 

 

Choisissez des images en PNG ou en JPED ou JPG. 

 

(les photos seront au format JPEG et les images avec fond transparent ainsi que les "aplats" seront plutôt au format PNG.

 

Stockez vos images originales dans un dossier dédié. 

 

 

 

 

Optimisation des images sur Jimdo

Comment optimiser vos images

D'abord choisir des images qui ont une bonne résolution (dans un prochain article je vous parlerai des banques d'images)

 

Qu'est ce que la résolution ? 

  • C'est la qualité de votre image en pixel par pouce (ppi ou dpi), et pour votre site, des images en 72 px/pouce sont idéales. 

Quelle taille d'image choisir ?

  • Choisissez la taille la plus grande qui vous est proposée sur une banque d'images et redimensionnez vos images. Sachez que les moteurs de recherche tel Google apprécie que votre image corresponde à 30 % du contenant de votre site (la partie dans laquelle les internautes peuvent lire vos textes)

Quel poids doit faire l'image ? 

  • Une image sur un site devrait peser idéalement entre 50 et 500 Ko
  • Au delà, votre site sera ralenti, les internautes qui surfent en 3G, 4G, ou encore avec un débit ADSL bas quitteront votre site, faute de pouvoir charger les pages ralenties par le poids des images.

Et pour le fond du site ? quelle type d'image ?

  • Choisissez une image de 2000 pixels pour la taille et inférieure à 1 Mo pour le poids

 

Quels outils pour réduire mes images en poids et en taille

tiny PNG et JPEG

Pour les images au format PNG et JPEG (JPG)

 

L'excellent tinyPNG

 

Regardez sur l'image, en vert, mon image est passé 193.7 KB (ou Ko) à 77.8 KB (ou Ko), soit moins de la moitié de son poids original.


Afin de garder toujours votre image originale, créez un nouveau dossier pour les images redimensionnées de votre site. 

 

Vous pouvez redimensionner 20 images pour un poids maximum de 5 MB (ou Mo) en même temps !

 

Elle est pas belle la vie ? 

Comment recadrer une image ?

Vous avez une image ou une photo dont vous souhaitez ne garder qu'une partie. 

 

 

Utiliser l'outil Pixlr Editor, un clone gratuit en ligne de Photoshop qui vous rendra bien des services.

 

Taille originale : 4892 x 2401 px

 

Poids : 1.03 MB (ou Mo)

Redimensionnée pour mes besoins :

 

Taille : 600 x 469 px et Poids : 32 KB (ou Ko)



Bon à savoir :

1 ko = 1 kilo-octet = 1 000 octets

 

1 Mo = 1 Méga-octet = 1 000 000 octets

        

1 Go = 1 Giga-octet = 1 000 000 000 octets

         

1 To = 1 Tera-octet = 1 000 000 000 000 octets

 

o = octet en français et B = bytes en anglais

 

Retenez également que l'on peut réduire une image en taille et en poids,

mais qu'il est impossible d'agrandir une image sans lui faire perdre sa qualité originale


Si vous avez des questions, n'hésitez pas à laisser un message dans les commentaires.

Vous avez aimé cet article ? Partagez le !


Écrire commentaire

Commentaires : 0