機能の説明
1 枚のソース画像から、標準的なウェブアプリアイコン一式を PNG として生成します。16 / 32 px のファビコン、180 px の apple-touch-icon、192 / 512 px のマニフェストアイコン。各出力は高品質なスムージングと中央配置の contain フィット(透過背景ではレターボックス化、不透明アイコンにしたい場合は白背景)でレンダリングされます。サイズごとに個別ダウンロードも、一式まとめてのダウンロードも可能です。
デコードとレンダリングはすべてブラウザー内で完結します。画像がどこかにアップロードされることはありません。
使い方
- 正方形のロゴまたはアイコンをドロップします(透過 PNG が最適です)。
- 不透明なアイコンにしたい場合は、白背景のトグルをオンにします。
- Generate icon set を押します。
- 必要なサイズを個別にダウンロードするか、Download all で一式を取得します。
512×512 か 1024×1024 のマスター画像 1 枚が理想的なソースです。小さいソースでも動作しますが、512 px では拡大の粗さが目立ちます。
例
256×256 の透過 PNG をドロップすると、5 つのファイルが生成されます:icon-16.png、icon-32.png、apple-touch-icon.png(180)、icon-192.png、icon-512.png — <link rel="icon"> とウェブマニフェストのワークフローが必要とする、まさにその一式です。
補足事項
- ICO 形式は生成しません。モダンブラウザーはすべて PNG ファビコンを使い、32 px PNG で従来のユースケースをカバーできます。
- 透過はデフォルトで保持されます。アプリストアやランチャーによっては不透明アイコンを好む場合があります。その場合は白背景トグルを使ってください。
- contain フィットはクロップも引き伸ばしも行いません。正方形でないソースはレターボックス化されます。