ファビコン作成ツール(favicon.ico・各サイズ PNG)

1 枚の画像から favicon.ico(16・32・48 px)と、apple-touch-icon(180 px)・192・512 px などの PNG をまとめて作成。プレビューを確認して ZIP で保存し、HTML の記述例も表示します。

  • ブラウザ内で処理(アップロードなし)

1 ファイルあたり最大 40 MB

正方形への収め方

丸や角丸に切り抜かれる場所(スマートフォンのホーム画面など)では、余白を付けると端が欠けにくくなります。

背景

iPhone のホーム画面では透明部分が黒などで表示されることがあるため、ホーム画面用(apple-touch-icon)は背景色(透明を選んだ場合は白)で塗ります。

使い方

  1. アイコンにする画像を選ぶか、ドラッグ&ドロップします(512 × 512 px 以上の正方形がおすすめ)。
  2. 正方形への収め方、余白、背景(透明または色)を選び、各サイズのプレビューとブラウザのタブでの見え方を確認します。
  3. 「すべてダウンロード(ZIP)」でファイルを保存してサイトのルートに置き、表示された記述を HTML の <head> に追加します。

よくある質問

どのファイルを使えばよいですか?

ZIP の中身をすべてサイトのルートに置き、記述例を <head> に追加するのがかんたんです。favicon.ico だけでも多くのブラウザで表示されます。

画像はアップロードされますか?

いいえ。読み込み・縮小・ICO の作成・ZIP の作成はすべてブラウザ内で行います。

変更したのにブラウザのアイコンが変わりません。

ブラウザはファビコンを長く保存しておくことがあります。再読み込みやキャッシュの削除を試してください。

注意事項・制限

  • 入力内容はこのページ内でのみ処理され、YUCTS のサーバーには送信されません。
  • favicon.ico の中の各サイズは PNG 形式で保存します。現在の主なブラウザは対応していますが、古いソフトでは読めないことがあります。
  • SVG 形式のアイコンや、Android のマスク用(maskable)アイコン専用の調整は作成しません。余白の設定で調整してください。
  • 1,600 万画素を超える画像は縮小してから処理します。HEIC/HEIF は読み込めません。保存した PNG には EXIF などのメタデータは含まれません。

データ出典