ファビコン生成

画像から16x16、32x32、180x180、192x192、512x512のファビコン画像を生成します。

スポンサーリンク
読み込み中...

注意事項

このツールはCanvas、File API、Blob URLなどのブラウザAPIを使用します。画像はブラウザ内で処理され、サーバーへアップロードされません。

画像ファイル

出力

処理結果がここに表示されます。

使い方

  1. 元画像を選択します。
  2. 生成ボタンを押します。
  3. 必要なサイズのPNGをダウンロードします。

補足説明

  • 生成したPNGは、favicon.icoやapple-touch-icon.pngなど用途に応じたファイル名にリネームし、HTMLの<link>タグやmanifest.jsonから参照する必要があります。
  • 複数解像度をまとめた.ico形式ファイルの生成には対応していません。必要なサイズのPNGを個別にダウンロードしてください。
  • 文字やロゴを含む画像を使う場合は、小さいサイズ(16px)でもつぶれずに視認できるよう、シンプルなデザインの元画像を用意するのがおすすめです。

よくある質問

生成されるファビコンのサイズは何ですか?

16×16、32×32、180×180、192×192、512×512の5サイズのPNG画像を一括生成します。16/32pxはブラウザタブ用、180pxはiOSのapple-touch-icon、192/512pxはPWAのmanifest.json用アイコンとして使われる標準的なサイズです。

正方形でない画像をアップロードするとどうなりますか?

画像は各サイズの正方形いっぱいに拡大縮小され、はみ出た部分は中央基準で切り抜かれます(いわゆるcover表示)。人物や文字など重要な要素が画像の端にある場合は、事前に正方形にトリミングしておくことをおすすめします。

出力形式やファイル名は変更できますか?

出力は常にPNG形式で固定されており、JPEGやWebPは選択できません。ファイル名は「元のファイル名_favicon-サイズ.png」の形式で自動的に付与されます。

アップロードした画像はサーバーに送信されますか?

いいえ。画像の読み込みからリサイズ、PNG生成まですべてブラウザ内のCanvas APIで処理されており、画像データがサーバーへ送信されることはありません。

スポンサーリンク
読み込み中...
スポンサーリンク
読み込み中...

プライバシーについて

お気に入り情報はブラウザ内にのみ保存されます。サーバーには送信されないため、安心してご利用ください。