Aller au contenu
UUTOOLS.NET

Générateur de favicon : toutes les icônes dont votre site a besoin

Créez favicon.ico, les icônes Apple et Android et le code HTML depuis une image, des lettres ou un emoji.

ou glissez-déposez ici, ou collez avec Ctrl+V / ⌘V

Formats acceptés : JPG, PNG, WebP, HEIC, SVG, AVIF, GIF, BMP, ICO, TIFF

Convertir sur notre serveur ?

Si vous continuez, le fichier est envoyé via une connexion chiffrée et converti sur notre serveur. Vous pouvez continuer à utiliser le site pendant ce temps. L’original est supprimé dès qu’il est converti ; le résultat est conservé 7 jours pour que vous puissiez le télécharger, et vous pouvez le supprimer à tout moment. Les fichiers ne sont jamais partagés ni utilisés à d’autres fins.

Vos images sont traitées dans votre navigateur et ne sont pas envoyées. Détails sur la confidentialité

Mode d’emploi : Générateur de favicon

  1. 1 Choisissez une image ou un logo, ou passez à « texte ou emoji » et saisissez un à quatre caractères.
  2. 2 Choisissez l'arrière-plan (une couleur ou transparent), la forme et la marge intérieure.
  3. 3 Vérifiez l'aperçu en 16, 32, 48 et 180 pixels.
  4. 4 Téléchargez le ZIP, placez les fichiers à la racine de votre site et collez les lignes HTML dans vos pages.

À propos de cet outil

Le favicon est la petite icône affichée dans les onglets du navigateur, les favoris et sur l'écran d'accueil du téléphone. Chaque endroit demande une taille différente : les navigateurs utilisent 16 et 32 pixels, Windows jusqu'à 48, l'iPhone 180 et Android 192 et 512.

Ce générateur les crée toutes à partir d'une seule source : favicon.ico avec des images de 16, 32 et 48 pixels, des favicons PNG, l'icône tactile Apple (toujours avec un fond, comme l'exige iOS), les icônes Android, un manifeste web et le HTML à coller. Si vous partez d'un logo SVG, le SVG est aussi inclus comme favicon moderne et vectoriel.

Les petites tailles sont réduites en plusieurs étapes pour garder des bords nets. Tout est créé dans votre navigateur ; votre logo n'est pas envoyé.

Questions fréquentes

De quels fichiers ai-je besoin ?

favicon.ico fonctionne dans tous les navigateurs. Les fichiers PNG et l'icône tactile Apple donnent une icône nette sur les écrans haute résolution et les écrans d'accueil, et le manifeste avec les icônes Android sert quand quelqu'un ajoute votre site à l'écran d'accueil Android.

Où placer les fichiers ?

À la racine de votre site, pour que https://votresite.fr/favicon.ico fonctionne. Collez ensuite les lignes HTML dans la section <head> de vos pages (la plupart des créateurs de sites ont un champ prévu pour cela).

Qu'est-ce qu'un bon favicon ?

Une forme simple ou une ou deux lettres bien contrastées. Les détails fins et les textes longs deviennent illisibles en 16 pixels : vérifiez donc l'aperçu en 16 px.

Pourquoi l'icône Apple a-t-elle un fond ?

iOS affiche les icônes tactiles transparentes sur fond noir, ce qui rend souvent mal. Le générateur remplit donc toujours l'icône Apple avec votre couleur de fond, ou du blanc si vous avez choisi transparent.

Mon logo est-il envoyé ?

Non. Toutes les icônes sont dessinées par votre propre navigateur et le ZIP est créé sur votre appareil.

Outils similaires