ファビコンジェネレーター
どんな画像からでも、16×16から512×512までのfaviconとアプリアイコンのPNG一式を、ブラウザ内で生成します。
🔒 お使いのブラウザ内でローカル処理されます
Loading…
使い方
- 上のボックスに画像をドラッグ＆ドロップするか、クリックしてファイルを選択します。
- 正方形でない画像は自動的に中央が正方形にトリミングされます。
- 生成された各サイズのアイコンのプレビューがすぐに表示されます。
- アイコンは1つずつダウンロードするか、「すべてダウンロード」で全サイズを順番に保存できます。
特徴
- 16、32、48、180、192、512 pxの6つの標準サイズを生成
- Apple touch iconやAndroid/PWAマニフェスト用のアイコンサイズにも対応
- 正方形でない画像を自動的に中央で正方形にトリミング
- 生成された各サイズをその場でプレビュー
- Canvas APIによる完全ブラウザ内処理 — アップロードなし
よくある質問
なぜこんなに多くのfaviconサイズが必要なのですか？
ブラウザ、OS、プラットフォームによって必要とするアイコンサイズが異なります。たとえばブラウザのタブやブックマークには16×16と32×32、iOSのApple touch iconには180×180、Androidのホーム画面やPWAマニフェストには192×192／512×512が使われます。すべて用意しておくことで、どこで表示されてもきれいに見えるようになります。
画像が正方形でない場合はどうなりますか？
リサイズする前に、自動的に最大の正方形へ中央でトリミングされるため、生成されるアイコンはすべて歪みのない正方形になります。
アップロードできるファイル形式は？
JPG、PNG、WebP画像に対応しています。生成されるfaviconはすべてPNGファイルとして出力されます。
画像はどこかにアップロードされますか？
いいえ。トリミングとリサイズはすべてブラウザのCanvas APIを使ってローカルで行われるため、画像がお使いの端末から出ることはありません。
生成したファイルを自分のサイトでどう使えばいいですか？
favicon-16x16.png、favicon-32x32.png、favicon-48x48.png、apple-touch-icon.pngをサイトのルートに置き、残り2つのAndroid/PWAサイズと合わせてHTMLのlinkタグやWebアプリマニフェストから参照してください。