Favicons et icônes d’application
À partir d’une image carrée, créez tous les icônes nécessaires à un site web, ainsi que le code correspondant.
- Ajouter
- Ajuster
- Créer
- Conserver
Comment utiliser cet outil
- Ajoutez vos fichiers en les faisant glisser sur la page ou en les sélectionnant. Ils restent sur votre appareil.
- Ajoutez une image source à peu près carrée. Le sujet doit être proche du centre, car les plus petites tailles recadrent visuellement l’image.
- Choisissez une couleur de fond pour les icônes opaques et indiquez si vous souhaitez inclure la carte pour les réseaux sociaux de 1200×630.
- Cliquez sur « Créer le jeu d’icônes » pour télécharger les résultats, séparément ou dans un seul ZIP.
À propos de cet outil
À partir d’une image carrée, créez tous les icônes nécessaires à un site web, ainsi que le code correspondant. Gratuit et sans limite, rien n’est envoyé : tout se passe dans votre navigateur. Votre fichier n’est jamais envoyé à un serveur ; le résultat est téléchargé directement depuis votre appareil. Sans compte ni filigrane.
Confidentialité et limites
Une exécution génère un ensemble fixe : favicon.ico (16, 32, 48 et 256 px), apple-touch-icon.png (180 px), icon-512.png et, si vous le choisissez, og-image.png (1200×630) ; les dimensions ne peuvent pas être modifiées et l’outil n’ajoute pas d’entrées à manifest.json : copiez les noms de fichiers dans votre propre manifeste. La carte pour les réseaux sociaux est recadrée au centre de votre image au format 1200×630. Une image source verticale ou carrée perd donc le haut et le bas ; les petites images sont agrandies et paraîtront floues.
Dernière mise à jour:
Questions fréquentes
Quelle taille doit avoir l’image source ?
Au moins 512 × 512 pixels, au format carré, avec le visuel suffisamment éloigné des bords. Toutes les tailles sont obtenues à partir de cette image. Si elle est plus petite, le rendu risque donc d’être flou aux dimensions les plus grandes.
Pourquoi faut-il autant de tailles d’icône ?
Chaque emplacement utilise sa propre taille : 16 pixels dans un onglet de navigateur, 180 sur l’écran d’accueil d’un iPhone et 512 sur l’écran de démarrage d’un appareil Android. Fournir une icône à la bonne taille évite au système de redimensionner incorrectement une icône inadaptée.
Ai-je encore besoin de favicon.ico ?
Mieux vaut en avoir un. Certains navigateurs anciens et certains robots d’exploration demandent directement /favicon.ico et ignorent les balises de lien. Le fichier ICO contenant plusieurs tailles leur convient donc.
À quoi sert l’image Open Graph ?
C’est l’image affichée lorsque votre lien est partagé sur les réseaux sociaux ou dans une conversation. Sans image, le lien apparaît sous la forme d’un simple rectangle bleu.