Androidアイコン作成

AndroidとChromeがホーム画面ショートカットやインストール型Webアプリに使う192×192・512×512のアイコンを、Webマニフェストまで連結してブラウザ内で生成。アップロードなし。

アイコンを生成する方法

  1. 正方形のPNG・JPG・WebPをドロップまたは選択します。512×512以上なら大きいアイコンも鮮明です。
  2. パッケージを生成します。2つのAndroidアイコンとsite.webmanifestがフルセットと一緒に作られます。
  3. ZIPをダウンロードしてファイルをサイトのルートに置き、マニフェストのリンクを含むHTMLスニペットを<head>に貼り付けます。

これらのアイコンについて

AndroidとChromeは、ホーム画面・インストール型アプリのアイコンをサイトのWebマニフェストから取得します。ホーム画面用の192×192とスプラッシュ画面・インストールプロンプト用の512×512の2枚が存在し、ページがリンクするsite.webmanifestに登録されている必要があります。

OptImgは画像からandroid-chrome-192x192.pngとandroid-chrome-512x512.pngを描画し、対応するsite.webmanifestを書き出して、favicon.ico、PNGファビコン、Appleタッチアイコン、HTMLスニペットと一緒にまとめます。すべてデバイス上で、何もアップロードせずに。

よくある質問

Androidに必要なアイコンサイズは？
PNGが2枚：ホーム画面用の192×192と、スプラッシュ画面・インストールプロンプト用の512×512。どちらも生成され、Webマニフェストから自動で参照されます。
Webマニフェストとは何ですか？
アイコンの場所やインストール時の挙動をAndroidとChromeに伝える小さなJSONファイル（site.webmanifest）です。パッケージには生成されたアイコンと連結済みのものが含まれます。
透過は使えますか？
はい。AndroidはPNGの透過を維持します。単色のタイルにしたい場合は、ダウンロード前にプレビューエディターで背景色を設定してください。
ロゴはサーバーにアップロードされますか？
いいえ。すべてのアイコンとマニフェストはブラウザ内で生成され、画像がデバイスから出ることはありません。