Outils image

Générateur de favicon

Convertissez tout PNG ou SVG en pack complet de favicons — ICO, PNG aux tailles standard, manifeste web.

Déposez un logo ici ou cliquez pour le sélectionner

Déposez un logo ici ou cliquez pour le sélectionner SVG ou PNG (un format carré convient le mieux). Reste dans votre navigateur.

Tout le traitement se fait dans votre navigateur — aucun téléversement, aucun suivi.

Arrière-plan

Transparent Blanc Couleur personnalisée

Marge intérieure 0%

Statut

HTML — à coller dans

manifest.json

Ce que fait cet outil

Prend une seule image source — généralement un logo carré au format SVG ou PNG — et produit toutes les variantes de favicon dont un site moderne a besoin, regroupées dans un unique ZIP. La sortie comprend un favicon.ico multi-résolution (16, 32 et 48 pixels) pour les navigateurs anciens et l'inévitable requête /favicon.ico, des PNG autonomes en 16, 32, 192 et 512, une icône Apple touch en 180 pour l'installation sur l'écran d'accueil iOS, ainsi qu'une image Open Graph 1200 × 630 pour les aperçus de liens sur Twitter, Facebook, Slack, Discord et LinkedIn. Le ZIP contient également un HTML prêt à coller pour le <head> et un manifest.json fonctionnel pour les installations Progressive Web App — déposez les fichiers à la racine de votre site, collez l'extrait, remplacez votre nom et la couleur du thème, et le tour est joué. Tout s'exécute localement sur votre appareil — votre logo ne quitte jamais le navigateur, ne transite jamais vers nos serveurs et n'est ni stocké, ni indexé, ni journalisé, ni partagé. Aucune inscription, aucun filigrane, aucune barrière par e-mail. Choisissez un fond transparent, blanc ou personnalisé, ajustez la marge intérieure pour que le logo ne touche pas les bords, et prévisualisez chaque taille en direct avant de télécharger.

Comment générer des favicons

Déposez votre logo — Un SVG ou PNG carré convient le mieux. Les sources non carrées sont automatiquement encadrées par des bandes.
Définissez le fond et la marge intérieure — Transparent pour les icônes qui incluent déjà un arrière-plan. Blanc ou une couleur de marque pour celles qui n'en ont pas. La marge intérieure offre de l'air autour du visuel.
Générer — Chaque taille est rendue localement et regroupée dans un unique ZIP. Le classique favicon.ico est construit au bit près avec des charges utiles PNG en 16/32/48 intégrées, comme l'attend le Windows moderne.
Collez les extraits — Déposez les fichiers à la racine de votre site, collez l'extrait HTML dans le <head>, et remplacez les valeurs de remplacement dans manifest.json.

Comment le paquet est construit

Chaque variante PNG est rendue à neuf à sa taille cible, en préservant le rapport hauteur/largeur de votre source et avec une marge intérieure appliquée sur les bords pour qu'un logo carré ne touche jamais le cadre. Le classique favicon.ico regroupe trois tailles encodées en PNG (16, 32 et 48 pixels) dans un seul fichier — un format pris en charge par Windows depuis plus d'une décennie — et reste sous 5 Ko au total, donc il se charge instantanément et n'ajoute aucun poids mesurable à votre site. L'image d'aperçu Open Graph est un canevas 1200 × 630 avec le logo centré à 70 % de l'axe le plus court, sur le fond que vous avez choisi (ou blanc si vous avez opté pour transparent — les vignettes d'aperçu de lien ont toujours besoin d'un remplissage uni, sinon l'icône disparaît sur les thèmes sombres des réseaux sociaux). Les icônes Apple touch sont rendues en 180 × 180, qu'iOS adapte vers le haut ou le bas selon le contexte d'installation. Les icônes PWA sont produites en 192 et 512, les deux tailles que Chrome sur Android cherche dans manifest.json.

Fichiers contenus dans le ZIP

favicon.ico avec des charges utiles PNG en 16/32/48 — utilisé par chaque onglet de navigateur. favicon-16x16.png et favicon-32x32.png pour les navigateurs modernes qui préfèrent le PNG. apple-touch-icon.png en 180 × 180 — affichée sur l'écran d'accueil iOS. favicon-192x192.png et favicon-512x512.png pour Chrome sur Android et les installations PWA. og-image.png en 1200 × 630 — utilisée pour les aperçus de liens sur Twitter, Facebook, Slack et Discord. manifest.json faisant référence aux icônes PWA. snippet.html avec toutes les balises <link> et <meta> à coller.

Questions fréquentes

Mon logo est-il téléversé ?

Non. Tous les rendus et le ZIP sont produits localement sur votre appareil. Votre logo n'atteint jamais notre serveur et n'est ni stocké, ni indexé, ni journalisé, ni partagé.

Ai-je vraiment besoin de favicon.ico ?

Oui — Internet Explorer 11, l'ancien Edge et de nombreux proxys d'entreprise demandent encore /favicon.ico par défaut. Les navigateurs modernes préfèrent les déclarations PNG de l'extrait HTML, mais avoir le .ico à la racine ne coûte que 5 Ko et évite les 404 dans vos journaux d'accès.

Pourquoi mon SVG paraît-il pixellisé en 16 px ?

16 × 16 est terriblement petit. Les logos avec des traits fins perdent en détail quel que soit l'outil utilisé. Réduisez la marge intérieure à 0 % ou concevez une version plus simple de la marque pour les très petites tailles (juste une initiale, par exemple).

Comment personnaliser l'image OG ?

L'image OG est une vue épurée 1200 × 630 de votre logo sur le fond que vous avez choisi. Pour des images OG plus riches avec du texte, il vous faudra un outil dédié — mais la version logo seul suffit pour empêcher les aperçus de liens de casser sur les réseaux sociaux.

Le fichier ICO est-il compatible avec Windows ?

Oui. Le fichier ICO regroupe des images encodées en PNG en 16, 32 et 48 px, ce qui est la manière standard de livrer des fichiers ICO modernes depuis Windows Vista. Il couvre aussi correctement les solutions de repli des anciennes versions d'Internet Explorer.

Et qu'en est-il des icônes d'onglet épinglé Safari ?

Les icônes d'onglet épinglé nécessitent un SVG monochrome, qui ne peut pas être dérivé d'un PNG en couleurs. Faites l'impasse — Safari se rabat sur la favicon classique et l'expérience reste correcte.

Générateur de favicon