このツールに問題がありますか?

「ファビコン作成 オンライン」について

このツールは 1 枚のソース画像から一式の favicon ファイルを生成します。クラシックな favicon.ico、複数解像度の PNG(16/32/48/96/192/512)、Apple touch icon、web manifest エントリーまで、現代の Web サイトに必要なものをすべて出力します。

ブラウザや OS ごとに favicon の要件が異なります。1 枚から全プラットフォーム向けを生成することで、タブアイコン・ブックマーク・履歴・アプリアイコン・検索結果サムネで一貫したブランド表示を実現。

高解像度の正方形画像(最低 512×512)をアップロード。ページの <head> に貼り付ける HTML <link> タグも一緒に生成されます。

このツールの使い方

サイト用の favicon PNG を生成する手順

  1. 元画像をアップロード

    正方形(または近い)画像を「Source image」欄に。Sharp が読める任意フォーマット — PNG, JPEG, HEIC, AVIF, WebP, GIF。元の解像度が高いほど 16×16 が綺麗。

  2. 生成される内容

    固定サイズの正方形 PNG を 3 つ出力:16×16, 32×32, 48×48。Sharp は fit: cover でリサイズするので、正方形でない素材は中央基準で正方形に切り抜かれます。

  3. 「実行」

    結果は files 配列で 1 サイズ 1 エントリ:filename(favicon-16x16.png / 32x32 / 48x48)、mimeType、base64。各画像にダウンロードボタンが付きます。

  4. HTML へ組み込み

    サーバーの /favicon-16x16.png などに PNG を配置し、<head> に <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> を追加。ICO 必須のブラウザ向けには別ツールで .ico を作成。