画像ツール
ファビコン生成ツール - 画像1枚からICO・PNG・PWAアイコンを一括作成
画像1枚からブラウザのタブ、iOSのホーム画面、Android Chrome、PWAまで必要なすべてのファビコンサイズを作成します。ICO、PNG、ウェブマニフェストをまとめて書き出し、処理はすべてブラウザ内で完結します。
ここに画像をドラッグするかクリックしてファイルを選択してください
対応フォーマット: PNG、JPG、WebP、GIF、SVG (正方形推奨)
出力サイズ
背景とフィット
(透明: 背景を塗る (正方形でない画像の余白を背景色で埋めます) OFF)
画像のフィット
サイズ別プレビュー
書き出し
site.webmanifest
ファビコンを1枚から複数サイズで用意する理由
ファビコンは、ブラウザのタブに表示される小さなアイコンからiOSのホーム画面、Android Chromeのショートカット、PWAマニフェストまでサイズも形式もバラバラです。1枚の画像をその都度サイズ別に手作業でリサイズしていると時間もかかり、ある環境ではぼやけたアイコンが混ざりやすくなります。
このツールは画像を1枚アップロードするだけで、16、32、48、64、180、192、512などウェブ標準のサイズを一度に作成します。サイズはチェックボックスで選び、正方形でない画像は余白を残すcontainか、切り抜いて埋めるcoverかを選べます。背景を塗るをオンにすれば余白が選んだ背景色で埋まり、オフのままなら透明を保てます。設定を変えるたびに各サイズのプレビューが即座に更新されるため、結果を目で確かめながら整えられます。
こんな方に特に役立ちます
- ウェブ開発者・マークアップエンジニア — 新サイトにファビコン一式をまとめて用意する時
- PWA開発者 — マニフェスト用の192と512アイコンが必要な時
- ブランド担当・デザイナー — ロゴをタブ、ホーム画面、ストアアイコンに合わせる時
- ブロガー・個人サイト運営者 — 各プラットフォームのアイコン要件を素早く満たす時
出力フォーマット早見表
- favicon-16x16.png — クラシックなタブアイコン
- favicon-32x32.png — Retina向けタブアイコン
- apple-touch-icon.png (180x180) — iOSのホーム画面アイコン
- android-chrome-192x192.png, 512x512.png — Android ChromeとPWA
- favicon.ico — 16/32/48を含むマルチサイズICO (旧ブラウザ互換)
- site.webmanifest — PWAマニフェスト (192/512を自動反映)
よくある質問
いいえ。正方形でない画像もアップロードできます。余白を残すcontainモードなら画像全体が見えるように縮小して描画し、切り抜いて埋めるcoverモードなら余白なく隙間なく埋めます。背景を塗るをオンにすれば、containでできた余白を選んだ背景色で埋めます。
いいえ。画像はブラウザ内でのみ読み込んで処理します。アップロードしたファイルはサーバーに送信・保存されないため、会社のロゴやプロフィール写真のような機密画像も安全に使えます。
ICOは昔から使われるファビコン専用の形式で、1つのファイルに16、32、48など複数のサイズを一緒に格納できます。最新ブラウザはPNGで十分ですが、旧ブラウザ互換性や一部環境ではまだICOが必要になることがあるため、PNGと合わせて書き出します。
192と512を両方選んだ時に自動生成されます。PWAでアプリのアイコンや名前、表示モードを定義するマニフェストファイルで、下のテキスト欄で内容を確認し、コピーまたはダウンロードできます。
はい。背景を塗るをオフにすれば、PNGもICOも透明背景で作成されます。ロゴを背景なしで綺麗に見せたい時に使います。オンにすれば余白が選んだ色で埋まります。
Share this page