Générateur d'icônes d'extension Chrome

Convertissez votre image en toutes les tailles d'icônes d'extension Chrome requises (16x16, 32x32, 48x48, 128x128) avec une haute qualité.

Déposez votre image ici ou cliquez pour parcourir

Recommandé : Les images carrées fonctionnent mieux (512x512 ou plus)

Comment utiliser cet outil

Conseil rapide !

Pour de meilleurs résultats, utilisez une image carrée de haute qualité (512x512px ou plus) avec un bon contraste et des éléments de design simples.
  • Télécharger l'image
  • Générer les icônes
  • Télécharger
  • Ajouter à l'extension
1

Téléchargez votre image

Glissez-déposez votre image ou cliquez pour parcourir. Supporte les formats PNG, JPG, GIF et WebP.

2

Générez les icônes

Cliquez sur "Générer les icônes" pour créer automatiquement toutes les tailles requises (16x16, 32x32, 48x48, 128x128).

3

Téléchargez les fichiers

Téléchargez les icônes individuelles ou obtenez toutes les tailles dans un package ZIP pratique.

4

Ajoutez à l'extension

Copiez les fichiers d'icônes dans votre dossier d'extension et référencez-les dans manifest.json.

Questions fréquemment posées

Requis
Quelles tailles d'icônes Chrome nécessite-t-il ?

Les extensions Chrome nécessitent plusieurs tailles d'icônes pour différents contextes :

TailleUsageContexte
16x16Page de gestion des extensionsMenus contextuels, barre d'outils
32x32Gestion des extensions (Windows)Écrans haute résolution
48x48Page de gestion des extensionsAffichage d'icône par défaut
128x128Chrome Web StoreDialogues d'installation
Code
Comment utiliser ces icônes dans manifest.json ?

Ajoutez les icônes à votre fichier manifest.json comme ceci :

{
  "icons": {
    "16": "icons/icon16.png",
    "32": "icons/icon32.png",
    "48": "icons/icon48.png",
    "128": "icons/icon128.png"
  }
}
Assurez-vous que les fichiers d'icônes sont dans la structure de dossiers correcte dans votre répertoire d'extension.
Conseils
Meilleures pratiques pour les icônes d'extension

Directives de conception

  • • Utilisez des designs simples et reconnaissables
  • • Assurez un bon contraste et une bonne lisibilité
  • • Gardez un style visuel cohérent sur toutes les tailles
  • • Testez dans les thèmes clairs et sombres

Exigences techniques

  • • Utilisez le format PNG avec transparence
  • • Commencez avec une source haute résolution (512x512+)
  • • Évitez le texte qui devient illisible aux petites tailles
  • • Considérez la visibilité de l'icône dans différents contextes
Format
Quels formats d'image sont supportés ?

Cet outil supporte tous les formats d'image courants incluant :

PNG
JPG/JPEG
GIF
WebP
SVG
BMP

Les icônes de sortie sont générées en fichiers PNG avec support de transparence.

Recommandé : Téléchargez une image carrée avec une haute résolution (au moins 512x512 pixels) pour de meilleurs résultats.
Qualité
Comment la qualité d'image est-elle maintenue ?

Notre outil utilise un rendu canvas avancé avec lissage d'image de haute qualité :

  • Mise à l'échelle haute qualité : Utilise les algorithmes de lissage d'image natifs du navigateur
  • Sortie PNG sans perte : Toutes les icônes générées sont sauvegardées en PNG avec qualité complète
  • Préservation de la transparence : Maintient le canal alpha pour les arrière-plans transparents
  • Anti-aliasing : Bords lisses à toutes les tailles
Format de sortie
PNG
Compression sans perte
Profondeur de couleur
32-bit
RGBA avec transparence
Dépannage
Problèmes courants et solutions

L'icône apparaît floue aux petites tailles

Utilisez un design plus simple avec moins de détails, ou commencez avec une image source de résolution plus élevée.

Les icônes générées ne se téléchargent pas

Vérifiez si votre navigateur bloque les téléchargements. Essayez de désactiver les bloqueurs de pop-ups ou utilisez un navigateur différent.

L'extension ne reconnaît pas les icônes

Assurez-vous que les chemins des fichiers d'icônes dans manifest.json correspondent à votre structure de fichiers et noms réels.