Générateur de favicon
Créez toutes les icônes dont votre site a besoin à partir d’une seule image : un favicon.ico multi-tailles, des favicons PNG, l’icône Apple Touch et les icônes Android / d’application web, ainsi que le code HTML à coller dans votre site.
Astuce : vérifiez l’aperçu en 16 px. Si votre logo y est difficile à lire, essayez « Recadrer en carré » avec moins de marge intérieure, ou utilisez seulement la première lettre ou le symbole de votre logo.
Questions fréquentes
Mon logo est-il envoyé à un serveur ?
Non. Chaque icône est créée directement dans votre navigateur, et le ZIP est lui aussi généré sur votre appareil. Votre logo ne quitte jamais votre ordinateur.
Qu'y a-t-il dans le package de favicons ?
favicon.ico (16, 32 et 48 px dans un seul fichier), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px pour les écrans d’accueil d’iPhone et d’iPad), android-chrome-192x192.png et android-chrome-512x512.png (Android et applications web installables), ainsi qu’un fichier site.webmanifest.
Comment ajouter le favicon à mon site web ?
Décompressez les fichiers dans le dossier racine de votre site (à côté de index.html), puis collez le code HTML affiché sur cette page dans le <head> de vos pages. WordPress, Shopify, Wix et la plupart des créateurs de sites proposent aussi un réglage « Icône du site » où vous pouvez simplement envoyer le PNG de 512 px.
Quelle image donne les meilleurs résultats ?
Un logo carré simple et marqué, ou une lettre. Les détails fins et le texte en petits caractères disparaissent à 16 × 16 pixels. Les fichiers PNG transparents ou SVG fonctionnent très bien ; les photos sont automatiquement recadrées en carré.
Pourquoi l’icône Apple Touch a-t-elle un arrière-plan ?
Les iPhone et iPad affichent en noir les zones transparentes des icônes de l’écran d’accueil. C’est pourquoi Imgovo donne toujours à l’icône Apple un arrière-plan uni : la couleur que vous avez choisie, ou du blanc si l’arrière-plan est transparent.
Puis-je créer un fichier ICO uniquement à partir d’un PNG ?
Oui. Cliquez sur « Télécharger uniquement favicon.ico » pour obtenir seulement le fichier ICO multi-tailles.
Puis-je annuler une modification ?
Oui. Annuler et Rétablir (boutons au-dessus des réglages, ou Ctrl+Z / Ctrl+Maj+Z) permettent de revenir en arrière sur l’ajustement, l’arrière-plan, la marge intérieure, le rayon des coins et le nom de l’application.