このツールに問題がありますか?
「ファビコン作成 オンライン」について
このツールは 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 を生成する手順
元画像をアップロード
正方形(または近い)画像を「Source image」欄に。Sharp が読める任意フォーマット — PNG, JPEG, HEIC, AVIF, WebP, GIF。元の解像度が高いほど 16×16 が綺麗。
生成される内容
固定サイズの正方形 PNG を 3 つ出力:16×16, 32×32, 48×48。Sharp は fit: cover でリサイズするので、正方形でない素材は中央基準で正方形に切り抜かれます。
「実行」
結果は files 配列で 1 サイズ 1 エントリ:filename(favicon-16x16.png / 32x32 / 48x48)、mimeType、base64。各画像にダウンロードボタンが付きます。
HTML へ組み込み
サーバーの /favicon-16x16.png などに PNG を配置し、<head> に <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> を追加。ICO 必須のブラウザ向けには別ツールで .ico を作成。