Générateur de favicon gratuit

Importez un fichier JPG, PNG, WebP ou SVG sur cette page et le générateur de favicon crée aussitôt toutes les tailles. Choisissez une couleur d'arrière-plan si vous le souhaitez, puis cliquez sur Télécharger le ZIP. Vous obtenez favicon.ico, sept icônes PNG et un snippet HTML dans un seul fichier.

La plupart des sites ont besoin de 16×16 et 32×32 pour les onglets du navigateur, de 180×180 pour les appareils Apple, et de 192×192 ainsi que 512×512 pour Android et les applications web. Cet outil crée toutes ces tailles, ajoute 48×48 et 96×96, et regroupe 16, 32 et 48 dans favicon.ico.

Il n'est pas strictement obligatoire, car les navigateurs actuels affichent les favicons PNG vers lesquels pointe une balise link. Mais de nombreux navigateurs et applications demandent encore /favicon.ico à la racine du site par défaut ; en conserver un évite les erreurs d'icône manquante dans vos journaux. Le ZIP inclut un favicon.ico avec les tailles 16, 32 et 48 px.

Oui. Les navigateurs affichent un favicon PNG lorsque votre page y renvoie avec une balise rel="icon". Le ZIP contient des PNG de 16, 32, 48, 96, 180, 192 et 512 pixels, et le snippet en référence six, plus favicon.ico, vous pouvez donc le coller tel quel.

Décompressez favicons.zip dans le dossier racine de votre site, à côté de votre page d'accueil. Collez ensuite les balises de snippet.html dans la section head de chaque page. Les balises utilisent des chemins comme /favicon.ico : les fichiers doivent donc se trouver à la racine, et non dans un sous-dossier.

Oui. L'iPhone et l'iPad utilisent apple-touch-icon.png, une icône de 180×180, lorsqu'un utilisateur ajoute votre site à son écran d'accueil. Ce générateur inclut ce fichier dans le ZIP, et le snippet le référence avec rel="apple-touch-icon" afin que Safari le trouve.

Oui, si le SVG a une largeur et une hauteur définies. Déposez-le sur la page : il devient favicon.ico et toutes les tailles de PNG. Un SVG avec seulement un viewBox peut s'afficher vide ou déformé ; ajoutez donc d'abord les dimensions. Les polices et les images liées dans le SVG peuvent ne pas se charger, alors convertissez le texte en tracés.

Laissez l'arrière-plan sur Transparent, qui est le réglage par défaut. Un PNG ou un SVG à fond transparent le conserve dans toutes les tailles. Un JPG n'a pas de transparence, son propre arrière-plan reste donc en place : supprimez-le d'abord avec l'outil de suppression d'arrière-plan, puis enregistrez le résultat en PNG.

Le logo entier est redimensionné pour tenir dans le carré et centré, de sorte que rien n'est coupé ni étiré. Les bandes vides en haut et en bas, ou sur les côtés, restent transparentes ou prennent la couleur d'arrière-plan choisie. Pour remplir tout le carré, recadrez d'abord le logo avec l'outil de recadrage d'image.

Non. Le ZIP contient les fichiers icon-192x192.png et icon-512x512.png qu'utilise un manifeste, mais pas de fichier site.webmanifest. Ajoutez les deux à la liste icons de votre propre manifeste, avec les tailles 192x192 et 512x512 et le type image/png.

Les navigateurs mettent les favicons en cache pendant longtemps, donc une ancienne icône peut persister. Vérifiez que les fichiers se trouvent à la racine de votre site, là où pointent les chemins du snippet, et que les balises sont bien dans la section head. Faites ensuite une actualisation forcée ou ouvrez la page dans une fenêtre privée.

Oui. Il est gratuit, sans inscription, sans filigrane et sans limite sur le nombre de jeux d'icônes créés. Votre logo est redimensionné dans votre navigateur et l'image elle-même ne nous est pas envoyée. Nous enregistrons toutefois des statistiques d'utilisation anonymes, comme le type de fichier, une taille de fichier approximative et l'arrière-plan choisi.