Comment afficher une image dans une page

Niveau de difficulté : Très facile
Temps nécessaire : 3 minutes
Logiciel requis : -

But de l'explication:

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

1. Format de l'image

Le format de l'image, ainsi que sa taille et son poids sont très importants.

•Cliquez ici pour en savoir plus sur le format des images.

Vous devez vous assurer que l'image ai un poids minimum afin de ne pas ralentir votre site et de ne pas gacher votre espace image.
Pour cela, l'image doit être a la taille a laquelle vous souhaitez l'afficher.
•Réduire la taille de vos images APRES telechargement dans "Vos images"
•Réduire la taille de vos images AVANT telechargement dans "Vos images"

2. Télécharger l'image

Avant d'insérer l'image dans votre page, vous devez la télécharger dans votre espace images.
Pour cela, rendez-vous dans :
Vos images > Nouvelle image

Cliquez alors sur "Parcourir" et allez chercher l'image sur votre disque dure.

Une fois votre image sélectionnée, indiquez un commentaire de quelques mots décrivant le contenu de l'image. Attention le commentaire est très important pour le referencement de votre site. Ne le négligez pas.

Puis, cliquez enfin sur "Télécharger".

3. Insérer l'image dans une page

Une fois votre image téléchargée, rendez-vous dans l'éditeur de la page dans laquelle vous souhaitez afficher cette image.

Puis :

•Cliquez a l'endroit de la page ou vous voulez mettre l'image.
•Cliquez sur le bouton
•Cliquez sur "Vos images"
•Cliquez sur le nom de l'image en question

Vous pouvez alors modifier les paramètres de l'image :
-Largeur/hauteur : définit la largeur et la hauteur de l'image
-Bordure : Largeur de la bordure de l'image (valeur conseillée : 0)
-Espacement horizontal/vertical : permet de définir un espace qui se mettra autour de l'image
-Alignement : alignement de l'aimage, par exemple si vous mettez "alignement gauche, vous pourrez mettre du contenu a droite de l'image.

•Cliquez sur "OK"

 

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

 
• 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

 
• Réduire la taille de vos images AVANT 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

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