Optimiser ses images pour le web

Rédigé par Daniel - 07 janvier 2011

Comment réduire ses images pour les publier sur son site?

Un site internet n'est plus comme avant: des pages textes reliées entre elles par des liens hypertextes.
Il lui faut des images pour l'agrémenter et le rendre plus attractif.

Pour les images déja en ligne, il suffit de les enregistrer sur son disque dur et de les "uploader" sur son site pour ceux qui ont un site à base de CMS comme ceux que je développe actuellement pour mes clients.

Tout d'abord, la taille de l'image finale dépend bien sûr des fonctions de l'appareil photo: 3MO, 5Mo, etc...
Plus vous augmentez cette taille, plus la photo sera grande en taille sur l'ordi et lourde en poids donc non conseillé pour la mise en ligne.
Pourquoi? Car bien que nos connexions sont de plus en plus rapide avec les Box, une photo non traitée d'un appareil peut atteindre 5Mo ou plus ce qui est énorme pour le web et on verra les trames de la photo qui s'affiche au fur et à mesure...Imaginez si vous mettez plusieurs images comme ça sur une page!.

Donc avant de la publier sur son site il faut réduire sa taille physique afin d'obtenir un fichier de 100ko à 300ko maximum.
Pour ce faire vous avez plusieurs solutions:

L'ouvrir dans un éditeur d'image comme Photoshop, Gimp ou image resizer gratuit, aller dans taille image et taper par exemple 800px de large et conserver les proportions en cliquant sur le cadenas en face.
PS: j'ai testé imageresizer qui est vraiment très simple; on l'installe et on clique droit sur un photo ou un groupe de photos et on choisi resize avec le format que l'on veut.
Le logiciel nous crée des copies des images et il reste plus qu'à les envoyer sur le net.

Le logiciel va restituer une image beaucoup plus légère et exploitable sur le web.
Au niveau du format d'image je vous conseil le .jpeg pour le web, mais ce sujet sera traité plus en profodeur dans un prochain article sur ce site.

Si vous n'avez aucun logiciel de traitement d'image, vous pouvez le faire directement en ligne avec par exemple un site tout simple qui fait bien son travail: Webresizer
Attention toutefois à ce procédé car on est limité par la taille du fichier à envoyer, et si votre photo fait 5Mo ça passera pas...

Evitez donc des images trop lourdes pour votre site car ça peut décourager vos visiteurs qui n'attendront pas une minute avant de visionner une image...
Cette méthode est valable aussi pour des envois par mails.

Gestion sites - Mots clés : Astuce

Les commentaires sont fermés.