MDN wants to talk to developers like you: https://qsurvey.mozilla.com/s3/a3e7b5301fea

icons

Type Object
Obligatoire Non
Exemple
"icons": {
  "48": "icon.png",
  "96": "icon@2x.png"
}

La clé icôns spécifie des icônes pour votre extension. Ces icônes seront utilisées pour représenter l'extension dans des composants tels que le gestionnaire des modules d'extensions.

Il se compose de clé-valeurs paires de taille d'image en px et le chemin d'image par rapport au répertoire racine de l'extension.

Si les icônes ne sont pas fournies, une icône d'extension standard sera utilisée par défaut.

Vous devez fournir au moins une icône d'extension principale, idéalement, une taille de 48x48 px. C'est l'icône par défaut qui sera utilisée dans le Gestionnaire des extensions. Vous pouvez, cependant, fournir des icônes de n'importe quelle taille et Firefox tentera de trouver la meilleure icône à afficher dans différents composants.

Firefox considérera la résolution de l'écran lors du choix d'une icône. Pour offrir la meilleure expérience visuelle aux utilisateurs avec des écrans haute résolution, tels que les écrans Retina, fournissez des versions double taille de toutes vos icônes.

Exemple

Les touches dans l'objet icônes spécifient la taille de l'icône en px, les valeurs spécifient le chemin d'icône relatif. Cet exemple contient une icône d'extension 48px et une version plus grande pour les écrans haute résolution.

"icons": {
  "48": "icon.png",
  "96": "icon@2x.png"
}

SVG

Vous pouvez utiliser SVG et le navigateur balancera votre icône de manière appropriée. Il existe actuellement deux réserves:

  1. Vous devez spécifier un viewBox dans l'image. Par exemple :
    <svg viewBox="0 0 48 48" width="48" height="48" ...
  2. Même si vous pouvez utiliser un fichier, vous devez toujours spécifier différentes tailles de l'icône dans votre manifest. Par exemple :
    "icons": {
      "48": "icon.svg",
      "96": "icon.svg"
    }

Notez également que si vous utilisez un programme comme Inkscape pour créer SVG, vous voudrez peut-être l'enregistrer en tant que "simple SVG". Firefox peut être confondu avec différents espaces de noms spéciaux et ne pas afficher votre icône.

Browser compatibility

ChromeEdgeFirefoxFirefox for AndroidOpera
Basic supportYesYes4848Yes

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : hellosct1
 Dernière mise à jour par : hellosct1,