Favicon Generator

概要

• アップロードした画像から、16x16・32x32・180x180・192x192・512x512の5サイズのfavicon PNGを一括生成するツールです。

• あわせてPWA用のsite.webmanifestと、<head>に追加するHTMLタグも自動生成されるため、favicon設定に必要な一式をまとめて用意できます。

• 元画像が正方形でない場合は、中央部分を自動的に正方形に切り抜いてから各サイズへ縮小します。

使い方

1. 1

   元画像（正方形推奨）を選択します。

2. 2

   16x16・32x32・180x180・192x192・512x512の5サイズのPNGが自動生成されます。

3. 3

   各PNGを個別にダウンロードし、あわせて表示されるsite.webmanifestとHTMLタグ（<head>用）をコピーして使用します。

入力例・出力例

ロゴ画像（512x512など）

favicon-16x16.png / favicon-32x32.png / apple-touch-icon.png / ...

利用シーン

• 新規プロジェクトのロゴ画像から、favicon一式（各サイズのPNG・manifest・HTMLタグ）を一度に用意する

• サイトのブランドロゴを刷新した際、favicon関連ファイルをまとめて作り直す

• PWA対応のためのアイコン（192x192・512x512）を、既存のロゴ画像から生成する

よくある質問

注意点

• 正方形でない画像は中央部分が正方形に切り抜かれるため、画像の端が見切れる場合があります。正方形の画像を使うことを推奨します。

• 生成されるのはPNG形式のみです。従来の.icoファイルには対応していませんが、モダンブラウザはPNG形式のfaviconに対応しているため問題ありません。

• 各PNGファイルは個別にダウンロードする必要があります。一括ダウンロード（ZIP化など）には対応していません。