ファビコン生成

画像からファビコンを作成する手順

1. 1

   ロゴを選ぶ

   画像をドロップするかファイルを選択します。512 × 512ピクセル以上の正方形の画像が適しています。

2. 2

   プレビューを確認する

   画像全体を収めるか、正方形に切り抜くかを選びます。余白とApple用・マスカブル用の背景色も調整できます。

3. 3

   生成して設置する

   ZIPを展開してファイルをサイトに配置し、HTMLのhead内に生成されたタグを追加します。

ファビコンのサイズとファイル名

ZIPには計12ファイルが入ります。画像の用途は次のとおりです。

さまざまなサイトのアイコンに

• 企業サイト

  タブや保存したショートカットでもブランドを識別しやすくします。

• ブログ・ポートフォリオ

  編集ソフトをインストールせずにサイトのアイコンを作成できます。

• ウェブアプリ

  マニフェスト用アイコンを用意できます。アプリのインストール要件は別途確認してください。

よくある質問

無料で使えますか？

はい。登録や透かしなしで生成・ダウンロードできます。画像はブラウザー内で処理します。

PNGやJPGをファビコンにできますか？

はい。WebPとHEICにも対応しています。ロゴには透過PNGが便利です。SVG・GIF・ICOの入力には対応していません。

ZIPには何が入っていますか？

複数サイズを収めたICO、8枚のPNG、site.webmanifest、HTML断片、日本語の設置手順です。512ピクセルのマスカブルアイコンも別ファイルで含まれます。

マスカブルアイコンの余白が大きいのはなぜですか？

Androidではアイコンがさまざまな形に切り抜かれます。画像全体を中央の安全な円内に収め、不透明な背景を付けて端の欠けを防いでいます。

Googleにすぐ表示されますか？

いいえ。トップページとアイコンのクロールが必要です。付属の正方形96ピクセルPNGは、48ピクセルより大きい画像という推奨を満たします。安定したアクセス可能なURLを使ってください。表示は保証されません。

これだけでPWAになりますか？

アイコンと初期マニフェストを生成するツールです。インストール可能なウェブアプリには追加設定が必要です。公開前にサイト名、開始URL、スコープを確認してください。