Skip to content
ToolKloud.43 Outils en ligne gratuits
Retour à tous les outils
Convertisseurs Utilitaire
100 % sur l'appareil • Les fichiers ne quittent jamais votre navigateur

Générateur de Favicon (PNG vers ICO)

Transformez une image carrée PNG, JPG ou WebP en favicon de navigateur sans rien installer. L'image est dessinée sur un canevas à la taille d'un favicon dans votre navigateur et restituée sous forme de fichier d'icône téléchargeable que vous pouvez déposer dans le répertoire racine d'un site.

Comment ça marche

  1. 1

    Téléchargez une image PNG, JPG ou WebP carrée : un logo fonctionne mieux qu'un mot-symbole complet à cette taille.

  2. 2

    L'image est dessinée sur un petit canevas dans votre navigateur pour produire l'icône.

  3. 3

    Prévisualisez la façon dont la marque se lit une fois qu'elle est réduite à la taille de l'onglet.

  4. 4

    Téléchargez l'icône et référencez-la à partir de l'en-tête HTML de votre site, ou placez-la sur /favicon.ico.

Avantages et avantages clés

Aucune étape de téléchargement

L'image est lue avec l'API File et dessinée localement, de sorte qu'un logo inédit n'atteint jamais un serveur tiers.

Aperçu réaliste

Vous voyez la marque réduite avant de l'expédier, c'est à ce moment-là que la plupart des logos s'avèrent illisibles à 16 pixels.

Fonctionne avec les formats courants

Les sources PNG, JPG et WebP sont toutes acceptées, vous pouvez donc utiliser n'importe quelle exportation dont vous disposez déjà.

Gratuit et illimité

Pas de compte, pas de filigrane et pas de limite sur le nombre d'icônes que vous générez.

Pourquoi les gens l’utilisent

  • Ajout d'un favicon à un nouveau site, une page de destination ou un outil interne.
  • Remplacement de l'icône par défaut d'un framework avant le lancement.
  • Vérifier si un logo reste lisible à la taille de l'onglet avant de s'y engager.
  • Réalisation d'une icône pour un site de documentation ou un export statique.

Formats et options pris en charge

EntréePNG, JPG/JPEG, WebP
SortieFichier d'icône rendu sur toile, téléchargé depuis votre navigateur
Source recommandéeUne image carrée, d'au moins 512 x 512, avec la marque centrée et un remplissage généreux

Confidentialité et traitement des données

Votre image est lue dans la mémoire du navigateur avec l'API File et dessinée sur un canevas sur votre propre appareil. Il n’est jamais téléchargé, ce qui est important lorsque le logo n’a pas encore été annoncé.

Limites et choses à savoir

  • Le canevas produit une seule image raster. Il ne construit pas de conteneur ICO multi-résolution contenant des variantes de 16, 32 et 48 pixels – les navigateurs modernes acceptent un favicon PNG, mais les très anciens s'attendent à un véritable ICO.
  • Les détails sont perdus à la taille du favicon par définition. Un logo avec du texte fin ou des traits fins ne survivra pas ; simplifiez plutôt la marque.
  • La transparence n'est préservée que si la source possède un canal alpha (une source JPG n'en a pas).

Dépannage

Le favicon n'apparaît pas après l'avoir téléchargé

Les navigateurs mettent en cache les favicons de manière agressive. Rechargez matériellement la page ou ouvrez directement l'URL de l'icône pour confirmer qu'elle est diffusée, avant de supposer que le fichier est erroné.

L'icône semble trouble dans l'onglet

Commencez par une marque plus simple avec moins d’éléments et plus de remplissage. Les détails fins et les traits fins disparaissent entre 16 et 32 ​​pixels, quelle que soit la résolution de la source.

Un ancien navigateur ignore l'icône

Certains navigateurs existants n'acceptent qu'un véritable fichier ICO multi-taille. Faites référence explicitement à l'icône avec une balise de lien dans l'en-tête plutôt que de vous fier à la découverte /favicon.ico.

Favicon Generator — Create ICO & PNG Site Icons Online

Turn any image into a complete favicon set — the classic .ico plus every PNG size modern browsers, Android and iOS actually request. A free favicon generator that outputs the files and the HTML link tags to go with them.

  • Every size browsers ask for — 16x16 and 32x32 for tabs and bookmarks, 180x180 for the iOS home screen, 192x192 and 512x512 for Android and PWA manifests.
  • ICO conversion included — produce a genuine multi-resolution favicon.ico for the root of your site, not just a renamed PNG.
  • Copy-paste HTML tags — the matching link and manifest markup comes with the download, so nothing silently 404s after you deploy.
  • Works from PNG, JPG or SVG — start from a logo, an app icon or an illustration and let the generator handle the resizing and cropping.
  • Processed in your browser — unreleased brand marks are converted locally with no upload to an icon service.

Free and unlimited. Generate the rest of your page head with the Meta Tag Generator, including the Open Graph image reference.

Questions fréquemment posées

What size should my source image be?

Start from a square image of at least 512x512 with the mark centred and some padding. Detail disappears at tab size, so a simple mark works far better than a full logo with text.

Do I still need a .ico file?

Modern browsers accept a PNG favicon referenced from a link tag. A true multi-resolution ICO is only needed for very old browsers that look for /favicon.ico and expect that container format.

Why has my new favicon not appeared?

Favicons are cached aggressively. Hard-reload the page, and open the icon URL directly to confirm the server is actually serving the new file before concluding the icon is wrong.

Quelle est la taille d’image source recommandée ?

Une image PNG carrée de 512 x 512 pixels fonctionne mieux pour générer des favicons propres.

Quelle doit être la taille de mon image source ?

Commencez par une image carrée d'au moins 512 x 512 avec la marque centrée et un peu de remplissage. Les détails disparaissent à la taille de l'onglet, donc une simple marque fonctionne bien mieux qu'un logo complet avec du texte.

Ai-je toujours besoin d’un fichier .ico ?

Les navigateurs modernes acceptent une favicon PNG référencée à partir d'une balise de lien. Une véritable ICO multi-résolution n'est nécessaire que pour les très anciens navigateurs qui recherchent /favicon.ico et attendent ce format de conteneur.

Pourquoi ma nouvelle favicon n'est-elle pas apparue ?

Les favicons sont mis en cache de manière agressive. Rechargez matériellement la page et ouvrez directement l'URL de l'icône pour confirmer que le serveur sert réellement le nouveau fichier avant de conclure que l'icône est fausse.

Outils associés

Further reading