Chrome拡張機能アイコン作成ツール

ブラウザですぐに使えますアップロードされません

1つのロゴから、Chrome拡張機能が使う4つのPNGアイコンと、manifest.jsonのアイコン部分を作成します。

ここにロゴや画像をドロップ、クリックして選択、またはクリップボードから貼り付けPNG、SVG、JPG、WebPなど · 背景が透明な正方形の画像が最適です

ロゴの周りに透明な空きが多すぎませんか? 先に透明な余白を削除すると、ロゴがアイコンいっぱいに表示されます。

よくある質問

画像はサーバーにアップロードされますか?

いいえ。アイコンはお使いのブラウザ内で描画され、ZIPもお使いの端末上で作られます。

Chrome拡張機能にはどのサイズが必要ですか?

Chromeのドキュメントでは16・32・48・128pxが挙げられています。16pxは拡張機能のページのファビコンとコンテキストメニュー、48pxは拡張機能のページ、128pxはChrome ウェブストアとインストール時に使われます。Imgovoは4つすべてを作成します。

マニフェストでSVGを使えますか?

ChromeはSVGをmanifest.jsonで指定するアイコンとして使えません。ここではSVGのロゴも開けます。各サイズで描画してPNGファイルとして保存するので、最良の結果が得られます。

manifest.jsonには何を書きますか?

「icons」キーにはサイズとファイルのパスを、「action」キーにはツールバーのアイコンを指定します。manifest-icons.jsonには、パッケージのパスを使ったこの2つの部分がそのまま入っています。ご自身のmanifest.jsonにコピーしてください。これだけでは完全なマニフェストではありません。

FirefoxやEdgeでも使えますか?

これらの拡張機能の形式でも、PNGファイルを使う同じ「icons」キーがありますが、ストアごとに審査ルールや追加のサイズがあります。公開先ストアのドキュメントを確認してください。Imgovoは申請や承認を行いません。

どんな画像が最適ですか?

シンプルで太めのマークが向いています。16pxのアイコンは非常に小さいため、細かい部分や細い文字は消えてしまいます。小さいアイコンでは余白を減らすか、記号や1文字から始めてください。