Astuce : Prévisualisez en direct dans l'icône de l'onglet du navigateur
Inspiration créative
Style YC
Icône de lettre orange
Style LinkedIn
Icône de lettre en contour
Style Tumblr
Icône de cercle sombre
Style X
Icône noir et blanc
Style Bitcoin
Icône de symbole orange
Style Émoji
Icône d'émoji dégradé
Foire aux questions
Comment créer un favicon rapidement ?
Il suffit d'entrer du texte, de choisir une police et une couleur, puis de cliquer sur le bouton de téléchargement. Le système générera automatiquement des fichiers d'icônes de différentes tailles. Les icônes générées seront affichées dans l'onglet du navigateur, vous permettant de les prévisualiser en temps réel.
Quels effets sont pris en charge ?
Actuellement, trois effets principaux sont pris en charge : l'effet d'ombre (avec réglage de flou et de décalage), l'effet de contour (avec réglage de l'épaisseur et de la couleur), et l'effet de dégradé (avec prise en charge des dégradés linéaires et radiaux). Vous pouvez combiner ces effets pour créer votre propre icône.
Comment ajuster la position du texte ?
Utilisez les curseurs de position pour modifier la position horizontale et verticale du texte. La plage va de -100% à 100%, permettant un contrôle précis de la position du texte dans l'icône.
Pourquoi proposer plusieurs tailles de téléchargement ?
Différents appareils et plateformes nécessitent différentes tailles d'icônes. Par exemple, les appareils iOS nécessitent des tailles plus grandes, tandis que les favicons de sites web standard utilisent des tailles plus petites.
Comment utiliser les modèles de couleur ?
Cliquez sur la combinaison de couleurs souhaitée dans les modèles prédéfinis, et le système appliquera automatiquement ces couleurs à votre design d'icône.
Quels formats d'icônes sont pris en charge ?
Nous prenons actuellement en charge les formats PNG et ICO. Le format PNG convient aux navigateurs et appareils modernes, tandis que le format ICO est le format standard traditionnel pour les favicons.
Comment télécharger toutes les tailles d'icônes en une fois ?
Cliquez sur le bouton "Télécharger toutes les tailles" et le système générera automatiquement un fichier ZIP contenant toutes les tailles d'icônes en formats PNG et ICO.
Comment ajuster la transparence du texte ?
Sous chaque option de couleur dans le panneau de contrôle des couleurs, vous trouverez un curseur de transparence allant de 0% à 100%.
Comment ajuster la taille de la police et l'espacement ?
Dans le panneau des styles de base, utilisez les curseurs pour ajuster la taille de la police (12-188px), l'espacement des lettres (-50px à 50px) et la hauteur de ligne (0.8-3).
Comment définir le rayon des coins de l'icône ?
Utilisez le curseur "Rayon des coins" dans le panneau des styles de base. Le rayon va de 0% à 100%, 100% créant une forme parfaitement circulaire.
Quelles polices sont prises en charge ?
Le système propose une sélection variée de polices modernes comme Playfair Display, Roboto, Open Sans, Montserrat, Poppins, ainsi que des polices décoratives comme UnifrakturMaguntia et MedievalSharp.
Comment utiliser l'effet de dégradé ?
Sélectionnez le dégradé dans le panneau des effets et choisissez entre linéaire ou radial. Vous pouvez définir les couleurs de début et de fin, et pour le dégradé linéaire, ajuster l'angle (0-360 degrés).
Comment utiliser les styles gras et italique ?
Cliquez sur les boutons "Gras" ou "Italique" dans le panneau des paramètres de police. Ces styles peuvent être utilisés individuellement ou combinés.
Comment centrer le texte ?
Le texte est centré par défaut. Si nécessaire, utilisez les curseurs de position horizontale et verticale pour ajuster finement la position du texte.
Comment appliquer l'icône créée à mon site web ?
Après le téléchargement, ajoutez l'icône à la racine de votre site web et incluez ce code dans la section head de votre HTML : .
Comment utiliser des emoji dans le favicon ?
Vous pouvez directement saisir des emoji (😊 🎉 ❤️ etc.) dans le contenu du texte. Les emoji sont traités comme du texte normal et peuvent être redimensionnés, colorés et modifiés avec des effets.
Comment afficher plusieurs lignes de texte dans le favicon ?
Appuyez sur Entrée pendant la saisie du texte pour créer une nouvelle ligne. Ajustez la hauteur de ligne pour contrôler l'espacement et la taille de la police pour assurer la lisibilité.
