icons

Typ	`Object`
Verpflichtend	Nein
Manifest-Version	2 oder höher

Der icons-Schlüssel spezifiziert Symbole für Ihre Erweiterung. Diese Symbole repräsentieren die Erweiterung in Komponenten wie dem Add-ons-Manager (about:addons).

Der Schlüssel besteht aus Schlüssel-Wert-Paaren, die die Bildgröße in Pixeln und den Bildpfad relativ zum Stammverzeichnis der Erweiterung angeben.

Wenn icons nicht angegeben wird, wird ein Standardsymbol für die Erweiterung verwendet.

Sie sollten ein Erweiterungssymbol bereitstellen, idealerweise in der Größe 32x32 px. Dies ist das Standardsymbol, das im Add-ons-Manager verwendet wird. Sie können Symbole in beliebiger Größe bereitstellen, und Firefox verwendet dasjenige, das am besten zu einer Komponente passt.

Firefox berücksichtigt die Bildschirmauflösung bei der Auswahl eines Symbols. Um die beste visuelle Erfahrung für Benutzer mit hochauflösenden Bildschirmen, wie Retina-Displays, zu bieten, stellen Sie doppelt so große Versionen Ihrer Symbole bereit.

Beispiel

Die Schlüssel im icons-Objekt geben die Symbolgröße in Pixeln an, und die Werte geben den relativen Dateipfad des Symbols an. Dieses Beispiel enthält ein 32px-Erweiterungssymbol und eine größere Version für hochauflösende Displays.

json

"icons": {
  "32": "icon.png",
  "64": "icon@2x.png"
}

SVG

Sie können SVG verwenden, und der Browser skaliert Ihr Symbol entsprechend. Es gibt zwei Einschränkungen:

Sie müssen ein viewBox im Bild angeben, z. B.:

html

<svg
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 32 32"
  width="32"
  height="32">
  <!-- your svg content -->
</svg>

Auch wenn Sie eine SVG-Datei verwenden können, müssen Sie Symbolgrößen in Ihrem Manifest angeben, z. B.:
json
```
"icons": {
  "32": "icon.svg",
  "64": "icon.svg"
}
```

Hinweis: Nur Firefox ist bekannt dafür, SVG-Symbole zu unterstützen. Chromium hat einen Fehler im Zusammenhang mit nicht unterstützten SVG-Symbolen.

Hinweis: Denken Sie daran, das xmlns-Attribut einzuschließen, wenn Sie die SVG erstellen. Andernfalls wird Firefox das Symbol nicht anzeigen.

Hinweis: Wenn Sie ein Programm wie Inkscape verwenden, um SVGs zu erstellen, speichern Sie Ihre Datei als "Plain SVG". Firefox kann möglicherweise spezielle Namensräume nicht verarbeiten und zeigt ein Symbol, das diese enthält, möglicherweise nicht an.

Browser-Kompatibilität

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden