Générateur de favicon en ligne
Créez tous les favicons dont votre site a besoin à partir d’une seule image.
Signaler un problème avec cet outil
Comment utiliser Générateur de favicon
Ajoutez votre logo ou image
Déposez un PNG, JPG, WebP, GIF ou SVG sur la page. Une image carrée à la forme simple donne le meilleur résultat.
Ajustez l’apparence
Recadrez en carré ou gardez l’image entière, choisissez un fond transparent ou coloré, ajoutez une marge et arrondissez les coins. L’aperçu montre chaque taille et un onglet de navigateur.
Téléchargez et ajoutez le code
Téléchargez le ZIP, envoyez les fichiers à la racine de votre site et collez les lignes HTML dans le head de vos pages.
Pourquoi utiliser Utils365
Le jeu complet
favicon.ico contenant 16, 32 et 48 px, favicons PNG, icône Apple touch, icônes Android et site.webmanifest, tous nommés comme les navigateurs l’attendent.
Un aperçu avant le téléchargement
Voyez l’icône à ses tailles réelles et dans des onglets clairs et sombres, pour que les petits détails ne se perdent pas.
Confidentialité garantie
Tout se passe dans votre navigateur : votre logo n’est jamais envoyé sur un serveur.
Foire aux questions
De quelles tailles de favicon ai-je besoin ?
Un favicon.ico (16, 32 et 48 px) couvre les onglets et les favoris, une icône Apple touch de 180 px les écrans d’accueil d’iPhone et d’iPad, et des PNG de 192 et 512 px Android et les applis web installées. Cet outil les crée tous à partir d’une image.
ICO, PNG ou SVG : quel format de favicon utiliser ?
Les trois. favicon.ico fonctionne partout, y compris dans les anciens navigateurs et les outils qui le cherchent automatiquement. Les favicons PNG sont nets à des tailles fixes. Un favicon SVG reste net à toute taille ; vous en obtenez un si vous partez d’un SVG.
Qu’est-ce qu’une apple-touch-icon ?
C’est l’icône qu’utilisent les iPhone et iPad quand quelqu’un ajoute votre site à son écran d’accueil. Elle mesure 180 × 180 px et ne peut pas être transparente : elle est donc enregistrée avec un fond plein (blanc si vous avez choisi transparent). iOS arrondit lui-même les coins.
Où placer les fichiers favicon ?
Décompressez-les à la racine de votre site, à côté de la page d’accueil, pour que favicon.ico soit à l’adresse votresite.com/favicon.ico. Collez ensuite les lignes HTML affichées sur cette page dans la section head de chaque page, ou dans le modèle de votre site.
Pourquoi mon nouveau favicon ne s’affiche-t-il pas ?
Les navigateurs gardent les favicons en cache longtemps. Ouvrez directement l’adresse du favicon, faites une actualisation forcée ou essayez une fenêtre de navigation privée pour voir le nouveau.