PNG2Favicon : créer les icônes de votre site à partir d’un PNG
Un PNG, les bonnes tailles d’icônes et les fichiers prêts à intégrer : PNG2Favicon simplifie la préparation du favicon, des icônes mobiles et du manifest de votre site.
PNG2Favicon rejoint les outils gratuits de Johan Solutions Digitales. À partir d’une image PNG, il prépare les principaux fichiers d’icônes d’un site web.
- Un favicon.ico contenant les tailles 16, 32 et 48 pixels.
- Des PNG de 32, 180, 192 et 512 pixels pour les différents usages web et mobiles.
- Un manifest personnalisable et un extrait de code à intégrer dans le head des pages.
- Gratuit, sans compte ; la conversion est effectuée dans le navigateur.
Le site est prêt, le logo aussi… et il reste ce petit détail dans l’onglet du navigateur : le favicon. Puis viennent l’icône Apple, les tailles pour Android et les déclarations à ajouter aux pages. Rien de très spectaculaire, mais une série de fichiers à préparer correctement.
PNG2Favicon rassemble cette préparation dans une seule page. C’est l’un des outils que je partage au sein de Johan Solutions Digitales pour simplifier ce type de tâche.
Un fichier de départ, plusieurs formats utiles
Vous déposez une image PNG. L’outil affiche ensuite les différentes tailles générées et propose de télécharger le favicon.ico ainsi que les images PNG. Le fichier ICO rassemble plusieurs résolutions dans un même fichier ; les PNG couvrent notamment l’icône Apple de 180 pixels et les tailles de 192 et 512 pixels utilisées pour les applications web.
Le mieux est de partir d’un symbole simple, lisible même en très petit. Un logo chargé ou une longue ligne de texte peut devenir méconnaissable dans un onglet. Regardez donc l’aperçu en 16 et 32 pixels avant de vous arrêter au rendu de la plus grande icône.
Préparer aussi le manifest et le code HTML
La page propose des champs pour le nom du site, son nom court, la couleur du thème et celle du fond. Ces informations servent à générer le fichier manifest.json. Vous disposez aussi d’un extrait de code à placer dans la section head de vos pages pour déclarer les icônes et le manifest.
Cela prépare les fichiers utiles à l’identité visuelle d’une application web. Le générateur ne transforme pas, à lui seul, votre site en application complète et ne lui ajoute pas un fonctionnement hors connexion.
Comment l’utiliser sur votre site
- Choisissez votre image PNG, de préférence carrée et suffisamment grande pour les tailles souhaitées.
- Déposez-la dans PNG2Favicon et vérifiez les aperçus, surtout les plus petits.
- Renseignez le nom et les couleurs si vous souhaitez générer le manifest.
- Téléchargez les fichiers nécessaires, puis placez-les sur votre hébergement.
- Intégrez le code fourni et vérifiez que les chemins correspondent à l’emplacement réel des fichiers.
Si votre CMS gère déjà l’icône du site, vérifiez ce qu’il produit avant d’ajouter une seconde déclaration. Et après une modification, gardez en tête que le navigateur peut conserver l’ancienne icône en cache : le fichier sur le serveur et l’icône affichée ne se mettent pas toujours à jour au même moment.
Un outil gratuit, sans envoyer votre image
PNG2Favicon est accessible sans création de compte. Le site indique que la conversion utilise le navigateur et que l’image n’est pas envoyée sur un serveur. Vous gardez ainsi une préparation légère, sans installer un logiciel uniquement pour produire ces quelques fichiers.
Le service fait partie de la galaxie Johan Solutions Digitales et continuera d’évoluer. Son intérêt reste concret : préparer les variantes d’une icône et leur intégration, sans refaire chaque taille à la main.
Source : PNG2Favicon, interface et FAQ, consultées le 15 octobre 2026. Captures réelles ; l’aperçu utilise l’icône publique du site comme exemple.