PNG → ICO 変換(ファビコン作成)

アップロード不要・ブラウザ内で処理
画像をドラッグ&ドロップ、またはクリックして選択JPG · PNG · WebP · HEIC · AVIF · GIF · BMP — Ctrl+V で貼り付けもできます ファイルはこの端末の外に出ません

ICO ファイルが必要な場面

  • Web サイトのファビコン:ブラウザのタブやブックマークに表示される小さなアイコンです。最近は PNG・SVG のファビコンも <link rel="icon"> で指定できますが、多くのブラウザやツールがサイトのルートにある /favicon.ico を既定で探すため、ICO を 1 つ置いておくのが今でも安全です。
  • Windows のプログラム・ショートカットのアイコン:Windows はエクスプローラーの表示サイズに合わせて、ICO 内の複数のサイズから最適なものを選んで使います。

サイズの選び方

  • ファビコン:16・32・48(初期選択)。高解像度の画面では 32・48 が使われます。
  • Windows アイコン:上記に加えて 256。ICO の 1 枠の最大サイズは 256×256 です。

各サイズは PNG で圧縮して格納するため、透過背景や半透明の輪郭がそのまま保たれます。PNG を含む ICO は Windows Vista 以降と、すべての最新ブラウザで開けます。

小さいサイズでもきれいに見せるには

16×16 は縦横 16 マスしかないため、細い文字や細かい模様はつぶれてしまいます。ロゴ全体より シンボルや頭文字だけ を切り出して使うほうが鮮明です。正方形でないロゴは「余白を追加」で比率を保つか、「中央を切り抜き」で目いっぱいに収められます。元画像は 256px 以上が望ましく、小さい元画像を大きくするとぼやけます。SVG のロゴならベクターなので、どのサイズでも鮮明に作れます。ICO の構造は ICO 形式の解説 にまとめました。

使い方

  1. 右側(スマホでは下)のオプションで保存形式を選びます。JPG・WebP・AVIF は画質を、JPG は透明部分を埋める背景色を指定できます。
  2. 写真をドラッグ&ドロップするか、クリックして選びます。複数枚をまとめて入れると、順番にすぐ変換されます。
  3. 元画像に撮影機器・撮影日・GPS 位置などのメタデータがあれば、下に表示されます。初期設定はすべて削除で、JPG で保存するときは位置情報だけを消すか、元のまま残すこともできます。
  4. オプションを変えたら「新しい設定で再変換」を押します。結果は 1 枚ずつ、または ZIP でまとめてダウンロードできます。

関連ガイド