Générateur de Favicon
FreeImportez une image et obtenez un package de favicon complet : favicon.ico, chaque taille PNG attendue par les navigateurs et appareils, apple-touch-icon, icônes Android, un site.webmanifest et le HTML à coller, le tout dans un ZIP.
Fonctionne entièrement dans votre navigateur. Votre image n'est jamais envoyée où que ce soit.
Cliquez pour choisir une image, ou glissez-déposez-en une ici
Une image carrée fonctionne mieux, mais n'importe quelle taille ou forme convient.
Images Non Carrées
Détails de l'App (pour site.webmanifest)
Tailles Générées
Activité récente
Visible par tous. Les 20 dernières utilisations de tous les visiteurs, les plus récentes en premier.
Favicon set generated
il y a 1 heure
Favicon set generated
il y a 1 heure
Favicon set generated
il y a 1 heure
Favicon set generated
il y a 1 heure
Ce que fait cet outil
Importez un logo ou une image et cet outil génère un package de favicon complet : un favicon.ico multirésolution, des PNG individuels à chaque taille attendue par les navigateurs et appareils modernes, un apple-touch-icon, des icônes Android Chrome, un site.webmanifest prérempli, et les balises HTML exactes à coller dans le <head> de votre page, le tout regroupé dans un téléchargement ZIP.
Comment ça marche
Votre image est dessinée sur un canvas HTML à chaque taille cible (16, 32, 48, 180, 192 et 512 pixels), soit recadrée en un carré centré, soit complétée avec une couleur de fond, selon votre choix. Les trois tailles les plus petites sont ensuite regroupées dans un seul favicon.ico au format ICO avec PNG intégré, un conteneur binaire léger que tout navigateur et système d'exploitation actuel lit correctement. Tout, jusqu'au fichier ZIP lui-même, est assemblé dans votre navigateur ; rien n'est envoyé.
Problèmes résolus
- Générer toutes les tailles de favicon dont un site moderne a besoin à partir d'une seule image source, au lieu de redimensionner chacune manuellement.
- Produire un favicon.ico multi-tailles correctement structuré sans logiciel d'image spécialisé.
- Obtenir un site.webmanifest prêt à l'emploi et les balises HTML correspondantes, pas seulement des fichiers image.
- Prévisualiser à quoi l'icône ressemblera réellement dans un onglet de navigateur avant de la publier.
Questions fréquentes
›Pourquoi ai-je besoin d'autant de tailles différentes ?
Les différentes plateformes demandent des tailles différentes : les onglets de navigateur utilisent généralement 16x16 ou 32x32, les icônes d'écran d'accueil iOS utilisent 180x180, et les invites d'installation Android Chrome et PWA utilisent 192x192 et 512x512. Les fournir toutes garantit que votre icône paraît nette partout au lieu d'être étirée ou floue sur certains appareils.
›Qu'est-ce que favicon.ico, et pourquoi est-il encore nécessaire en plus des PNG ?
Le format .ico peut regrouper plusieurs tailles (16x16, 32x32, 48x48) dans un seul fichier, et c'est encore celui vers lequel les navigateurs se replient par défaut si aucun autre lien d'icône n'est spécifié, y compris les très anciens navigateurs et certains raccourcis au niveau du système d'exploitation. Cet outil regroupe les trois tailles dans un seul favicon.ico valide en utilisant le format moderne avec PNG intégré que prennent en charge tous les navigateurs et systèmes d'exploitation actuels.
›Dois-je recadrer ou compléter une image non carrée ?
Le recadrage conserve chaque pixel en plein cadre mais coupe les bords d'une image non carrée, pratique quand votre logo remplit déjà le cadre. Le complément garde toute l'image visible en ajoutant une couleur de fond autour, mieux quand votre logo a des marges vides ou n'est pas centré.
›À quoi sert site.webmanifest ?
C'est un petit fichier JSON qu'Android et d'autres plateformes lisent pour connaître le nom, les icônes et la couleur du thème de votre site lorsque quelqu'un l'ajoute à son écran d'accueil ou l'installe comme application web progressive. Cet outil en génère un préremplir avec les icônes qu'il vient de créer.
›Cela envoie-t-il mon logo quelque part ?
Non. Chaque redimensionnement, le fichier ICO et le ZIP lui-même sont tous générés localement dans votre navigateur à l'aide de l'API Canvas ; votre image n'est jamais envoyée à un serveur.
Outils similaires
Image
Ajuster le HSL d'une Image
Modifiez la teinte, la saturation, et la luminosité d'une image avec des curseurs en direct, directement dans votre navigateur.
FreeImage
Ajuster le HSL d'Images en Lot
Appliquez le même ajustement de teinte, saturation, et luminosité à de nombreuses images à la fois, directement dans votre navigateur.
FreeImage
Ajouter du Texte à une Image
Ajoutez une ou plusieurs légendes de texte personnalisées à une image, directement dans votre navigateur.
FreeImage
Supprimer l'Arrière-plan d'une Image (IA)
Supprimez automatiquement l'arrière-plan d'une photo à l'aide d'un modèle d'IA sur l'appareil, directement dans votre navigateur.
FreeImage
Schéma de Couleurs Analogues
Générez une palette de couleurs analogues harmonieuse à partir de n'importe quelle couleur de base, directement dans votre navigateur.
FreeImage
Mélanger les Couleurs
Mélangez deux couleurs avec un équilibre ajustable, en utilisant un mélange RVB simple, corrigé en gamma, ou HSL.
FreeImage
Flouter une Image
Floutez une image dans votre navigateur en utilisant un flou de boîte, gaussien, de mouvement, ou radial, puis téléchargez le résultat.
FreeImage
Générateur d'Images à Cadre Flou
Adaptez votre photo à un carré ou un autre rapport d'aspect sans recadrage, en remplissant l'espace supplémentaire avec une copie floutée et zoomée de l'image.
Commentaires (0)
Cet outil vous a-t-il été utile ? Laissez un commentaire, partagez une astuce, ou dites-nous comment nous pourrions l'améliorer.
Pas encore de commentaires. Soyez le premier à partager votre avis !