Chrome拡張機能アイコン作成ツール
1つのロゴから、Chrome拡張機能が使う4つのPNGアイコンと、manifest.jsonのアイコン部分を作成します。
ロゴの周りに透明な空きが多すぎませんか? 先に透明な余白を削除すると、ロゴがアイコンいっぱいに表示されます。
よくある質問
画像はサーバーにアップロードされますか?
いいえ。アイコンはお使いのブラウザ内で描画され、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文字から始めてください。