アイコンリサイザー
1枚の画像から複数サイズのアイコンを一括生成(ブラウザ完結・外部送信なし)
画像をクリックして選択
推奨:正方形・1024px以上の高解像度画像
PNG / JPG / WebP / SVG 対応
アイコンリサイザーの使い方
1枚の画像を、PWAやデスクトップアプリ、SNSアバターなどに必要な複数のアイコンサイズへ一括でリサイズします。すべてブラウザ内で処理され、画像が外部に送信されることはありません。
元画像を選ぶ
正方形(1:1)の高解像度画像(推奨512px以上)をアップロードしてください。PNG / JPG / WebP / SVG に対応しています。
出力サイズを選ぶ
16〜512pxの一般的なプリセットから必要なサイズを選択。1〜2048pxの範囲でカスタムサイズも追加できます。
生成オプションを調整
アスペクト比の維持(推奨)、背景色(透明 / 白 / 黒)を選択します。透過PNGの背景は維持されます。
生成してダウンロード
「アイコンを生成」を押し、各サイズを個別にダウンロードするか、すべてをZIPで一括ダウンロードします。
実際の使用例
PWA(Progressive Web App)用アイコンセット
manifest.json で要求される 192x192 と 512x512 の PNG を、1枚のロゴ画像から生成できます。Android のホーム画面アイコンや Chrome のインストール時アイコンとして使われます。
INPUT
元ロゴ:1024x1024 透過PNG
OUTPUT
icon-192x192.png / icon-512x512.png(透過維持)
デスクトップアプリ用 .ico 風セット
Electron や Tauri でビルドする際に必要となる 16 / 32 / 48 / 64 / 128 / 256 px の各 PNG を一括生成。専用ツールで .ico に変換する前段として利用できます。
INPUT
正方形の高解像度ロゴ
OUTPUT
6サイズの PNG(ZIP一括ダウンロード可)
SNS アバター用の複数サイズ
Twitter / Discord / Slack などサービスごとに推奨サイズが異なるアバターを、画質を落とさず一度に書き出せます。
INPUT
正方形の自画像 / ロゴ
OUTPUT
128px / 256px / 512px などの最適化済み PNG
よくある質問
ファビコンジェネレーターとはどう違いますか?
ファビコンジェネレーターはWebサイト用の固定サイズセット(16/32/180/192/512px と HTMLタグ)を生成することに特化しています。本ツールは PWA やデスクトップアプリ、SNS アバターなど用途を問わず、任意のサイズを自由に選んで一括出力できます。HTMLタグ出力が不要で、複数の用途のアイコンをまとめて作りたい場合はこちらが向いています。
透過PNGの背景は維持されますか?
背景色オプションで「透明」を選択している限り、元画像の透過は維持されます。「白」または「黒」を選択した場合のみ、その色で背景が塗りつぶされます。Webやアプリのダークモード/ライトモード両方で表示する場合は透明のまま、印刷物やプレビュー用にはっきりさせたい場合は白を選ぶと良いでしょう。
SVG をアップロードしたらどうなりますか?
SVG はブラウザ側でラスタライズ(PNG化)されてリサイズされます。大きな出力サイズ(512px 以上)でも比較的シャープに保たれますが、ブラウザにより微妙にレンダリングが異なる場合があります。最終仕上がりにこだわる場合は、デザインツールで一度高解像度PNG(1024px以上)を書き出してから本ツールに通すのが確実です。
画質劣化を抑えるコツは?
出力したい最大サイズの 2 倍以上の解像度の正方形画像を元画像に使うのが基本です。例えば 512px の出力が必要なら、元画像は 1024x1024 以上を推奨します。本ツールは高品質リサンプリング(imageSmoothingQuality: high)を有効にしていますが、元画像が小さいと縮小品質では補えません。
アスペクト比の維持はどのような挙動ですか?
元画像が正方形でない場合、「アスペクト比を維持」を ON にすると、縦横比を保ったまま中央に配置されます(余白は背景色で塗られます)。OFF にすると、強制的に正方形へ引き伸ばされます。アイコン用途では基本的に ON のままがおすすめです。
画像はサーバーにアップロードされますか?
いいえ。本ツールはすべての処理をブラウザ内(Canvas API)で実行します。アップロードした画像も、生成された各サイズも、外部サーバーに送信されることはありません。社内ロゴや未公開デザインの作業にも安心して利用できます。
役立つTips
元画像は正方形・高解像度で
長方形を強制リサイズするとアイコンが歪みます。元画像の段階で正方形にトリミングし、最大出力サイズの 2 倍以上の解像度を確保してから本ツールへ通してください。
PWA は 192px と 512px が必須
manifest.json で「any」「maskable」両方の用途を満たすため、最低でも 192x192 と 512x512 の PNG を用意するのがWeb標準の推奨です。
小さいサイズは細部が潰れる
16px や 32px はピクセル単位の表現になります。細かい線や文字を含むロゴは潰れて読めなくなりがちなので、小さいサイズ向けには別途シンプルな代替アイコンを用意するのが理想です。
透過と背景色の使い分け
Webサイトやアプリのアイコンはダークモードでもライトモードでも見えるよう透明背景が無難です。一方、印刷やスライドに貼る用途では白背景にしておくと縁が浮かずに見えます。