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

La clé icons 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.

Elle se compose d'une paire de valeurs-clés de taille d'image et le chemin d'accès au fichier image par rapport au répertoire racine de l'extension.

Si la clé icons n'est pas fournie, 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 d'une taille de 48x48 pixels. 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 les 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 deux fois plus grandes de toutes vos icônes.

Exemple

Les clés dans l'objet icons spécifient la taille de l'icône en pixels et la valeur spécifie le chemin relatif de l'icône. 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 mettra à l'échelle appropriée votre icône. 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"
    }

Note : si vous utilisez un programme comme Inkscape pour créer SVG, vous voudrez peut-être l'enregistrer en tant que "SVG simple". Firefox peut être confondu par des espaces de noms spéciaux variés, et ne pas afficher votre icône.

Browser compatibility

ChromeEdgeFirefoxFirefox for AndroidOpera
Support simple (Oui) (Oui)4848 (Oui)

Étiquettes et contributeurs liés au document

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