Créer un favicon pour votre site Web ou votre blog peut être une tâche ardue. Il est trop facile de passer des heures à chercher une image parfaite, puis de lutter avec des logiciels compliqués pour la corriger. Heureusement, vous pouvez facilement créer un favicon dans Canva sans aucune expérience technique requise.
Un favicon unique et d’aspect professionnel aidera les visiteurs à reconnaître instantanément votre site ou votre blog, ce qui fera une première impression forte. Dans cet article, vous apprendrez à créer le canevas de taille parfaite pour votre favicon et à l’exporter correctement.
Comment créer un favicon dans Canva
Il n’y a que quatre étapes pour créer votre favicon. Je ne vais pas expliquer comment créer votre logo ou votre graphique requis pour créer votre favicon, mais une fois que vous avez cette partie prête, vous pouvez créer votre favicon.
Étape 1 : Créer un nouveau design de 48 x 48 px
La taille d’un favicon sur un site Web est de 16 x 16 px. Malheureusement, vous ne pouvez pas créer un nouveau design dans Canva aussi petit.
Au lieu de cela, vous pouvez créer un design de 48 x 48 pixels. Cette taille permet au Favicon d’être mis à l’échelle automatiquement à la bonne taille lorsque vous le téléchargez sur votre site Web.
Pour créer un canevas de 48 x 48 px, cliquez sur le bouton Taille personnalisée sur la page d’accueil de Canva. Saisissez ensuite 48 dans la zone Largeur et 48 dans la zone Hauteur. Lorsque vous êtes prêt, cliquez sur le bouton Créer un nouveau design.
Votre nouveau canevas sera créé dans une fenêtre séparée. La première chose que vous remarquerez est la petite taille de la toile. De plus, vous ne pouvez pas à plus de 500 %.
Cela signifie que la conception originale doit être créée dans un projet séparé, car vous ne pourrez pas de près pour voir et ajuster les petits détails.
Étape 2 : Ajoutez votre logo ou votre graphique au design
Une fois votre logo ou votre graphique terminé et prêt à être ajouté, cliquez sur Télécharger, puis cliquez sur Télécharger Fichiers.
Vous serez invité à localiser votre logo ou graphique sur votre disque dur. Une fois que vous l’aurez fait, il sera chargé sur votre compte Canva.
Cliquez sur votre fichier téléchargé pour l’ajouter à votre canevas.
Vous pouvez également ajouter votre logo ou graphique à votre projet en le faisant glisser depuis une autre fenêtre sur votre canevas.
Étape 3 : Exportez votre favicon au format PNG avec transparence
Cette étape est essentielle dans le processus. S’il n’est pas exporté correctement, votre favicon se retrouvera avec un arrière-plan blanc indésirable.
Pour commencer, cliquez sur le bouton Partager dans le coin supérieur droit.
Dans le menu qui s’affiche, sélectionnez Télécharger.
Assurez-vous que PNG est sélectionné dans le menu déroulant Type de fichier dans les options. Le format PNG permettra la transparence tout en conservant la meilleure qualité possible.
L’autre option importante ici est l’option Arrière-plan transparent. Assurez-vous que cette option est cochée. Sinon, lorsque vous exportez votre favicon, il s’exportera avec un fond blanc. Ce qui est génial si c’est ce que vous recherchez, mais très probablement, vous ne l’êtes pas.
Une fois que vous êtes prêt, cliquez sur le bouton Télécharger.
Votre favicon sera téléchargé sur votre disque dur.
Si vous ouvrez le fichier, vous pouvez prévisualiser votre favicon et vous assurer que l’arrière-plan est transparent.
Étape 4 : Téléchargez le favicon sur votre site Web
Le téléchargement d’un favicon sur votre site Web est un processus différent, selon l’hébergeur de votre site Web. Pour connaître la méthode dont vous avez besoin, recherchez votre hébergeur ci-dessous :
Si votre hébergeur ne figurait pas dans la liste ci-dessus, consultez le site Web de votre hébergeur pour obtenir des instructions spécifiques sur l’importation de votre favicon.
Comment faire un tour de favicon sur Canva ?
Un look populaire pour un favicon est un logo avec un cercle derrière. Il s’agit d’un favicon d’aspect professionnel facile à concevoir.
Pour commencer, cliquez sur l’onglet Éléments sur le côté gauche de l’écran. Faites défiler vers le bas jusqu’à la section Lignes et formes. Cliquez sur Voir tout.
Cela vous montrera toutes les formes disponibles fournies par Canva. Choisissez le cercle (ou une autre forme si vous le souhaitez).
Un cercle apparaîtra sur votre toile.
Avec votre cercle sur la page, redimensionnez-le jusqu’à ce qu’il remplisse tout votre canevas, en laissant les côtés du cercle ouvert.
Une fois que vous aimez l’apparence de votre cercle sur votre page, vous pouvez modifier sa couleur en cliquant sur le Sélecteur de couleurs dans la barre d’options. Dans le panneau latéral, vous pouvez choisir la couleur qui correspond à vos besoins.
Choisissez une couleur qui va bien avec votre logo ou graphique et faites-la ressortir du cercle.
Avec la couleur de votre cercle choisi, vous devez l’envoyer derrière votre logo ou graphique. Un moyen rapide de le faire est de cliquer avec le bouton droit sur le cercle, puis de cliquer sur En arrière. Vous pouvez également cliquer sur Ctrl + [ (Windows) ou Commande + [ (Mac).
Après avoir renvoyé votre cercle vers l’arrière, vous devrez peut-être ajuster votre logo ou votre graphique pour qu’il soit mieux aligné. Cliquez sur votre graphique et laissez Canva vous aider à l’aligner avec les lignes directrices violettes qui s’affichent.
Maintenant que votre cercle est de la bonne couleur et derrière votre logo ou graphique aligné, il est temps de l’exporter. Vous pouvez exporter votre favicon exactement comme expliqué ci-dessus, mais voici un bref aperçu :
Cliquez sur le bouton Partager, puis choisissez Télécharger. Dans les options, assurez-vous que PNG est sélectionné dans le menu déroulant Type de fichier et que Arrière-plan transparent est coché. Cliquez sur le bouton Télécharger lorsque vous êtes prêt à télécharger le favicon sur votre ordinateur.
Si vous le souhaitez, vous pouvez toujours enregistrer une version avec un cercle d’arrière-plan et une version sans cercle pour voir ce qui semble et fonctionne le mieux.
À quoi devrait ressembler votre favicon ?
Lors de la conception d’un favicon pour votre site Web, la clé est de rester simple. Visez quelque chose qui peut être clairement vu dans de petites tailles tout en représentant efficacement votre marque. Essayez d’éviter d’utiliser trop de détails ou de conceptions complexes.
Si vous utilisez un logo, condensez-le autant que possible sans perdre son intégrité en tant que représentation de votre marque. Si votre site Web traite d’un sujet spécifique, utilisez une icône qui illustre ce concept. Par exemple, si vous avez un site de photographie, vous pourriez avoir un graphique d’un appareil photo. Un site Web de voyage peut avoir un avion comme favicon.
Peu importe le design que vous choisissez pour votre favicon, assurez-vous qu’il est distinct et reconnaissable afin que les visiteurs le reconnaissent facilement parmi les autres onglets de leur navigateur Web. Soyez concis et assurez-vous qu’il représente fidèlement votre marque.
Bonne édition !