画像からファビコンを一括生成
ロゴ画像から主要サイズのファビコンをまとめて生成。余白・トリミング・背景色を調整し、 HTMLタグも同時に出力できます。
PNGで出力サイズ選択式トリミング対応ローカル処理
画像を読み込む
ドラッグ&ドロップ、またはクリックで1枚だけ選択します。
ここに画像をドロップ
クリックして選択 / PNG・JPG・WebP対応
正方形に近い画像を選ぶと、仕上がりが安定します。
サイズと見た目を調整
用途に合わせて出力セットを選びます。
フィット方式
内側余白
12%
背景
透過を選ぶとPNGの透明背景で出力します。
プレビュー
入力画像と生成アイコンを並べて確認できます。
画像を読み込むと表示されます。
透明背景の確認用にチェッカー表示になっています。
生成後にサイズごとのプレビューが表示されます。
書き出し
生成ファイルとHTMLタグをまとめて取得できます。
まだ生成されていません。
HTMLタグ
public/ に配置したあと、head に貼り付けます。
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png" />
<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png" />