画像をアイコンに変換
PNG、JPG、WebP、SVG から favicon.ico、PWA アイコン、site.webmanifest を作成。透明背景、余白、角丸もブラウザ内で調整できます。
画像をアップロード
このツールについて
画像をアイコンに変換し、Web サイトや PWA で使う favicon とアプリアイコンをブラウザ内で生成します。
fit、crop、stretch、背景色、透明背景、余白、角丸を調整し、複数サイズのアイコンを確認できます。
通常利用では画像処理とダウンロード生成はローカルで実行され、元画像はサーバーへアップロードされません。
favicon と PWA アイコンを書き出し
favicon.ico、favicon PNG、Apple touch icon、Android Chrome icons、PWA アイコン、site.webmanifest、サイトに貼り付ける HTML snippet をまとめて生成します。
使い方
画像をアップロード
PNG、JPG、WebP、SVG 画像を選択します。
アイコンを調整
表示モード、背景、余白、角丸、manifest 名称を設定します。
アイコンを保存
favicon.ico または PNG、manifest、HTML snippet を含む ZIP をダウンロードします。
活用シーン
Web favicon
サイトのブラウザタブ用 favicon.ico と PNG favicon を作成します。
PWA icons
manifest 用の 192px と 512px のアプリアイコンを生成します。
Brand cleanup
ロゴに背景、余白、角丸を加えて小さいサイズでも見やすくします。
よくある質問
画像はアップロードされますか？
いいえ。アイコン生成は通常ブラウザ内で行われます。
favicon.ico を作成できますか？
はい。16、32、48px の PNG エントリを含む favicon.ico を作成できます。
PNG アイコンも保存できますか？
はい。ZIP には favicon PNG、Apple touch icon、Android Chrome icons が含まれます。
manifest は含まれますか？
はい。site.webmanifest と HTML snippet を同梱します。
PWA アイコンを作れますか？
はい。192px と 512px の PWA アイコンを生成し、site.webmanifest に反映できます。
透明背景のアイコンにできますか？
はい。元画像の透明背景を保つか、ブランド色などの背景色を指定できます。