Réduire la taille de vos images AVANT telechargement dans "Vos images"

Niveau de difficulté : Très facile
Temps nécessaire : 3 minutes
Logiciel necessaire : Logiciel de dessin (exemple : Paint)

But de l'explication:

Réduire correctement la taille de vos images de façon à pourvoir placer plus d'images et a accélerer la rapidité de votre site

Sommaire :

1. Explication préliminaire
2. Méthode pour réduire une image avec Paint
3. Preuve de l'intérêt de cette méthode

1. Explication préliminaire

Certaines images peuvent être trop longue à charger, cela veux dire qu'elles sont trop grosse (leur poids, en octets est trop gros).

Si vous réduisez la taille (hauteur et largeur) d'une image dans l'éditeur de construction de votre site, celle-ci aura certes des dimensions plus petites, mais elle gardera le même poids, et sera donc toujours longue a afficher. De plus, si vous réduisez une image dans l'éditeur celle-ci perdra de sa qualité graphique et sera donc moins belle.

C'est pourquoi il est fortement conseillé de réduire vos images aux tailles souhaitées AVANT de les insérer dans votre site.

Si vous faite une galerie (page avec plusieurs images petites, quand on clic sur une image elle s'agrandie), vous devez faire deux versions de chaque image :
•Une petit format (affichée sur la page de la galerie).
•Une grand format (affichée quand on clic sur la miniature).

2. Méthode pour réduire une image avec Paint

•Lancez Paint (Démarrer/Tous les programmes/Accessoires/Paint).
•Ouvrez votre image (Fichier/Ouvrir...).
•Cliquez dans le menu du haut sur "Image" puis sur "Étirer/Incliner...".
•Une fenêtre s'ouvre, dans "Étirement" inscrivez le pourcentage de réduction Horizontal et Vertical (par exemple, si vous indiquez "50", votre image sera réduite à 50%, c'est à dire à moitié).
Attention, pour que l'image ne soit pas déformée, indiquez le même chiffre dans "Horizontal" et dans "Vertical".
•Cliquez sur "OK".

Enregistrez ensuite votre image (au format jpg, jpeg, ou gif).

Adaptez la tailles de toutes vos images de la manière suivante, votre site sera ainsi beaucoup plus rapide.

3. Preuve de l'intérêt de cette méthode

Vous n'êtes pas convaincue ?
Rendez-vous sur ces deux pages pour voir la différence entre quelqu'un qui suit les conseils ci-dessus et quelqu'un qui ne les suit pas :

Image réduites via un logiciel de dessin :
http://www.wifeo.com/exemple-reduction-image-bon.php

Images réduites via l'éditeur :
http://www.wifeo.com/exemple-reduction-image-mauvais.php

 

Dans le forum...

Autres documentations liées

• Comment mettre un cadre à une image et le paramètrer.

Extrait : Savoir comment ajouter un cadre autour d'une image, regler la largeur de ce cadre, et changer la couleur de ce cadre.

Sommaire : 1. Insérer une image dans une page 2. Mettre un cadre à une image et régler son épaisseur 3. Changer la couleur du cadre

 
• Le format des images

Extrait : En savoir plus sur les formats des images, et quels sont les utilisation recommandees pour chaque format.

Sommaire : 1. Les formats acceptés sur Wifeo 2. Le format PNG 3. Le format JPEG (ou JPG) 4. Le format GIF 5. Le format ICO

 
• Comment afficher une image dans une page

Extrait : Savoir comment afficher une image sur une page de votre site.

Sommaire : 1. Format de l'image 2. Télécharger l'image 3. Insérer l'image dans une page

 
• Ouvrir/agrandir une image avec un effet LightBox

Extrait : Ouvrir une image avec un effet "stylisee" type Lightbox.

Sommaire : 1. Exemple 2. Images nécessaires et fonctionnement 3. Méthode pour appliquer cet effet

 
• Réduire la taille de vos images APRES telechargement dans "Vos images"

Extrait : Reduire correctement la taille de vos images de facon a pourvoir placer plus d'images et a accelerer la rapidite de votre site. Cette methode vous permet de reduire la taille APRES avoir telecharge l'image dans "Vos images"

Sommaire : 1. Explication préliminaire 2. Méthode pour réduire une image en 10 secondes 3. Preuve de l'intérêt de cette méthode