ファビコン生成

1枚の画像から各種サイズのPNGファビコンを一括生成。HTMLサンプルも同梱。

ここにドラッグ&ドロップ、またはクリックして選択(1枚)

ツール概要

1枚のベース画像から各種サイズのPNGファビコンを一括生成し、設置に必要なHTMLタグ例も提示します。透明ロゴの背景色・余白(マスク)にも配慮できます。

使い方

  1. 元画像(正方形推奨)を読み込み。
  2. 必要なサイズを選択し、背景色や余白(マージン)を調整。
  3. ファイル名や出力形式を確認して一括生成。
  4. 提示されたHTMLのlinkタグをheadに貼り付けて設置。

活用例

  • 新規サイトのファビコン一式を素早く用意。
  • 既存ロゴを各解像度に最適化して配信。
  • テーマカラーと統一してブランディングを強化。

ポイント・知識

  • 透明ロゴは背景色と十分な余白(マスク)を確保。
  • 高解像度向けに 512/192/180px など主要サイズを含める。
  • 出力パスやファイル名はサイト構成に合わせて調整。