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"

Créer un site ou une boutique en ligne

Dans le forum...

Fichier photos

Autres documentations liées

• Obtenir des nouveaux visiteurs grâce à vos images

Extrait :
[i][color=green]Niveau de difficulté : Facile Temps nécessaire : 5 minutes Logiciel necessaire : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Pourquoi référencer vos images ? Parce que vos images peuvent générer des...

Sommaire :
1. Vos images et les moteurs de recherche
2. Vos images et les réseaux sociaux

• Comment mettre un petit logo pour votre site dans la barre du navigateur

Extrait :
[i][color=green]Niveau de difficulté : Très facile Temps nécessaire : 3 minutes Logiciel necessaire : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Afficher une petite image dans la barre du navigateur que les visiteurs verront lorsqu'ils...

Sommaire :
1. Où sera affiché cette image (favicon)
2. Comment créer un favicon
3. Insérer le favicon sur votre site

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

Extrait :
[i][color=green]Niveau de difficulte : Tres facile Temps necessaire : 3 minutes Logiciel requis : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Savoir comment ajouter un cadre autour d'une image, regler la largeur de ce cadre, et changer la couleur de ce...

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 :
[i][color=green]Niveau de difficulte : Difficile (termes techniques) Temps necessaire : - Logiciel requis : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]En savoir plus sur les formats des images, et quels sont les utilisation recommandees pour chaque...

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 :
[i][color=green]Niveau de difficulte : Tres facile Temps necessaire : 1 minute Logiciel necessaire : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Ouvrir une image avec un effet "stylisee" type Lightbox.[/list] [color=orange][size=18]Sommaire...

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 :
[i][color=green]Niveau de difficulté : Très facile Temps nécessaire : 3 minutes Logiciel necessaire : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Réduire correctement la taille de vos images de façon à pourvoir...

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 téléchargement dans Vos images

Extrait :
[i][color=green]Niveau de difficulté : Très facile Temps nécessaire : 3 minutes Logiciel necessaire : Logiciel de dessin (exemple : Paint)[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Réduire correctement la taille de vos images de...

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

• Comment bien utiliser la documentation Wifeo

Extrait :
[i][color=green]Niveau de difficulté : - Temps nécessaire : 5 minutes Logiciel nécessaire : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Vous permettre de savoir comment bien utiliser la documentation Wifeo afin de trouver facilement et...

Sommaire :
1. Trouver une explication
2. Structure des explications
3. En savoir plus grâce au forum
4. Donnez des conseils et partagez votre expérience