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

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

But de l'explication:

Afficher une petite image dans la barre du navigateur que les visiteurs verront lorsqu'ils visiteront votre site. Cela s'appelle un favicon.

Sommaire :

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

1. Où sera affiché cette image (favicon)

Suivant le navigateur utilisé (internet explorer, Firefox, Chrome, etc...), l'image sera affichée dans la barre du navigateur à côté de l'adresse URL.
Elle sera aussi affichée sur l'onglet du navigateur (si le navigateur a des onglets), ainsi que dans la liste des favoris si quelqu'un ajoute votre site aux favoris.

Cette image sera aussi affichée dans votre interface Wifeo à divers endroits (par exemple dans la barre fixe en haut des pages, ou dans l'agenda).

Pour l'exemple, vous pouvez voir que le favicon de Wifeo est :

2. Comment créer un favicon

Cette image au format spécifique est donc appelée "favicon".
Pour la créer, le plus simple est d'utiliser un site spécialisé, comme par exemple http://www.xiconeditor.com qui va vous créer l'image directement au bon format.

Sur favicon.cc vous avez la possibilité de directement dessiner l'image (point par point). Pour cela cliquez sur "Create new favicon" dans le menu de gauche.

Ou alors de télécharger une image depuis votre ordinateur pour qu'elle soit transformée en favicon. Attention pour que le rendu soit bon, ça doit être une image avec peu de détailles, peu de couleurs, et elle doit être carré.
Pour cela, cliquez sur "Import image" dans le menu de gauche.

Vous pouvez voir ce que donnera votre favicon en dessous, dans la zone "preview".

Une fois votre favicon terminé, cliquez sur "Download Favicon" (en dessous de "preview") et enregistrez l'image sur votre ordinateur.

3. Insérer le favicon sur votre site

Une fois votre favicon créé, téléchargez le dans votre espace images sur Wifeo (Vos images > Télecharger une nouvelle image).

Accédez aux paramètres principaux de votre site : ACCESPARAMPRINCIPAUX.

Dans la partie "Icone de votre site" sélectionnez le favicon que vous venez de télecharger et cliquez sur "Valider".

Et voila, c'est terminé.

Si vous ne voyez pas tout de suite le favicon apparaître, c'est probablement parce que le cache de votre navigateur doit se renouveller (attendez quelques jours).

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 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

• Comment afficher une image dans une page

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 afficher une image sur une page de votre site.[/list] [color=orange][size=18]Sommaire...

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 :
[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