Générateur de favicon
Déposez une image carrée, téléchargez des favicons PNG dans toutes les tailles standard.
Déposez une image source carrée et choisissez un arrière-plan (ou laissez transparent). Nous rendons les PNG à chaque taille standard via Canvas. Téléchargez une par une ou tout d'un coup.
Déposez ou choisissez une image (PNG, SVG, JPG)
Pas d'image - déposez-en une ci-dessus.
Comment l'utiliser
Déposez votre image
Carré idéal. PNG, SVG, JPG, WebP acceptés.
Choisissez un fond
Transparent, blanc, noir ou votre couleur de marque. Les SVG sont rendus en transparent par défaut.
Téléchargez
Bouton Télécharger à côté d'une taille pour un PNG ; Tout télécharger pour toutes les tailles.
Qu'est-ce que c'est ?
Un générateur de favicon prend une image source et produit plusieurs copies PNG aux tailles attendues par les navigateurs et les plateformes mobiles : 16 et 32 pour les onglets, 180 pour l'écran d'accueil iOS, 192 et 512 pour les manifestes Android / PWA, plus des tailles intermédiaires pour écrans haute densité. La sortie est un jeu de PNG à déposer dans votre `public/`.
Quand l'utiliser
Remplacer le favicon par défaut au lancement d'un site, rafraîchir une identité de marque, générer les icônes du manifeste PWA, produire des icônes d'app par produit.
Erreurs courantes
Utiliser une image non carrée - le résultat est letterboxé avec des bandes. Mettre du détail fin à 16px - 16 pixels de large, c'est un glyphe, pas un logo. Et oublier les variantes iOS 180px / Android 192-512px - le favicon de bureau n'est pas ce que demande un écran d'accueil de téléphone.
FAQ
- Pourquoi pas de fichier .ico ?
- Les navigateurs modernes gèrent les favicons PNG sans problème, y compris sur Windows. .ico ne sert qu'à IE legacy ; si nécessaire, utilisez un convertisseur séparé sur le PNG 32px.
- Mon image est-elle envoyée ?
- Non. L'API Canvas tourne dans votre navigateur et traite le fichier localement. Nous ne voyons jamais votre image source.
Outils similaires
Plus dans cette catégorie
- Convertisseur de couleurs (HEX, RGB, HSL)
- Générateur de dégradés CSS
- Générateur d'ombre CSS
- Vérificateur de contraste
- Générateur de palette de couleurs
- Générateur de nuances de couleur
- Générateur clip-path CSS
- Générateur de border-radius
- Générateur cubic-bezier
- Générateur de filtre CSS
- Générateur de glassmorphisme