Chrome-Erweiterungssymbole erstellen

Sofort, im BrowserNie hochgeladen

Erstellen Sie aus einem Logo die vier PNG-Symbole einer Chrome-Erweiterung sowie den Symbol-Teil der manifest.json.

Logo oder Bild hier ablegen, zum Auswählen klicken oder aus der Zwischenablage einfügenPNG, SVG, JPG, WebP und mehr · am besten ein quadratisches Bild mit transparentem Hintergrund

Dein Logo hat viel leeren, transparenten Platz um sich herum? Entferne zuerst die transparenten Ränder, dann füllt das Logo das Icon.

Häufig gestellte Fragen

Wird mein Bild auf einen Server hochgeladen?

Nein. Die Symbole werden in Ihrem Browser gezeichnet, und die ZIP-Datei entsteht auf Ihrem Gerät.

Welche Größen braucht eine Chrome-Erweiterung?

Die Chrome-Dokumentation nennt 16, 32, 48 und 128 px. Das 16-px-Symbol dient als Favicon auf Erweiterungsseiten und für das Kontextmenü, 48 px auf der Erweiterungsseite und 128 px im Chrome Web Store und bei der Installation. Imgovo erstellt alle vier.

Kann ich ein SVG im Manifest verwenden?

Chrome unterstützt SVG für die in der manifest.json angegebenen Symbole nicht. Sie können hier ein SVG-Logo öffnen; das Tool zeichnet es in jeder Größe und speichert PNG-Dateien, die das beste Ergebnis liefern.

Was kommt in die manifest.json?

Der Schlüssel „icons“ listet die Größen und Dateipfade, und mit dem Schlüssel „action“ lässt sich das Symbol der Symbolleiste festlegen. Die Datei manifest-icons.json enthält genau diese beiden Teile mit den Pfaden Ihres Pakets. Kopieren Sie sie in Ihre eigene manifest.json; sie ist allein kein vollständiges Manifest.

Funktioniert das auch für Firefox und Edge?

Deren Erweiterungsformate verwenden denselben Schlüssel „icons“ mit PNG-Dateien, aber jeder Store hat eigene Prüfregeln und zusätzliche Größen. Lesen Sie die Dokumentation des Stores, in dem Sie veröffentlichen. Imgovo reicht nichts ein und genehmigt nichts.

Welches Bild eignet sich am besten?

Eine einfache, kräftige Form. Das 16-px-Symbol ist winzig, feine Details und dünne Schrift verschwinden. Verwenden Sie bei kleinen Symbolen weniger Innenabstand oder gehen Sie von einem Zeichen oder Buchstaben aus.