Generator

Chrome-Erweiterungs-Icons

Icons für Chrome-Erweiterungen in üblichen Größen erzeugen.

01

Bild hochladen

Bild hier ablegen oder zum Durchsuchen klicken

Quadratische Bilder funktionieren am besten (512×512 oder größer)

Unterstützte Formate: PNG, JPG, GIF, WebP

02

Icons

Bild hochladen und Icons generieren, um die Ergebnisse hier zu sehen.

03

Gut zu wissen

Alle Standardgrößen

Erzeugt automatisch die vier von Chrome geforderten Icon-Größen: 16×16, 32×32, 48×48 und 128×128 Pixel.

Hochwertige Skalierung

Nutzt die native Canvas-Bildglättung des Browsers für scharfe, saubere Kanten in jeder Zielgröße.

ZIP-Download

Alle Icons lassen sich einzeln oder gebündelt als ZIP-Paket herunterladen — bereit für den Erweiterungsordner.

Lokale Verarbeitung

Die gesamte Bildbearbeitung läuft im Browser. Es werden keine Bilddaten an einen Server übertragen.

04

Chrome-Erweiterungs-Icons verstehen

Chrome-Erweiterungen benötigen Icons in mehreren Größen — 16×16, 32×32, 48×48 und 128×128 Pixel — für unterschiedliche Kontexte wie die Symbolleiste, die Erweiterungsverwaltung und den Chrome Web Store. Dieses Tool erzeugt alle vier Größen aus einem einzigen Ausgangsbild direkt im Browser.

So funktioniert die Generierung

  1. Bild per Drag & Drop hochladen oder über den Dateidialog auswählen
  2. Auf „Icons generieren" klicken — die Skalierung erfolgt über die HTML5-Canvas-API mit hochwertiger Bildglättung
  3. Einzelne Icons als PNG herunterladen oder alle vier Größen gebündelt als ZIP-Datei beziehen

Einbindung in manifest.json

Die generierten Dateien werden im Erweiterungsordner referenziert, zum Beispiel unter dem Schlüssel icons mit den Pfaden zu icon16.png, icon32.png, icon48.png und icon128.png.

Empfehlungen für beste Ergebnisse

Ein quadratisches Ausgangsbild mit mindestens 512×512 Pixeln, einfachen Formen und gutem Kontrast liefert die schärfsten Ergebnisse bei allen Zielgrößen. Alle Berechnungen laufen lokal im Browser — es werden keine Bilddaten an einen Server übertragen.

05

Häufige Fragen

Welche Icon-Größen benötigt Chrome?

Chrome-Erweiterungen benötigen typischerweise vier Icon-Größen: 16×16 (Symbolleiste/Kontextmenüs), 32×32 (Erweiterungsverwaltung unter Windows), 48×48 (Erweiterungsverwaltungsseite) und 128×128 (Chrome Web Store und Installationsdialoge).

Wie verwendet man die Icons in manifest.json?

Die Icon-Dateien werden im Schlüssel "icons" der manifest.json referenziert, z. B. { "16": "icons/icon16.png", "32": "icons/icon32.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }. Die Dateipfade müssen mit der tatsächlichen Ordnerstruktur der Erweiterung übereinstimmen.

Welche Bildformate werden unterstützt?

Das Tool akzeptiert PNG, JPG, GIF und WebP als Eingabe. Die generierten Icons werden stets als PNG mit Alpha-Transparenz ausgegeben.

Wie bleibt die Bildqualität bei kleinen Größen erhalten?

Die Skalierung nutzt hochwertige Bildglättung (imageSmoothingQuality: high) der Canvas-API sowie verlustfreie PNG-Ausgabe. Für beste Ergebnisse empfiehlt sich ein quadratisches Ausgangsbild ab 512×512 Pixeln mit einfachem, kontrastreichem Design.

Werden meine Bilder hochgeladen oder gespeichert?

Nein. Die gesamte Verarbeitung erfolgt lokal im Browser über die Canvas-API. Es werden keine Bilddaten an einen Server übertragen oder gespeichert.

+ 01Verwandte Werkzeuge

Vielleicht auch interessant.