ガイド
ファビコンを作成する方法
ファビコンとは、ブラウザのタブやブックマークに表示される小さなアイコンのこと。良いファビコンはブランドを際立たせ、サイトをプロらしく見せます。画像から作成し、適切なサイズを選び、サイトに設定する方法を紹介します。
1
透明な背景を持つ正方形の画像（できれば512×512px）を用意します。
2
Pixcutlyなどのファビコン生成ツールを開き、画像をアップロードします。
3
16×16、32×32、48×48などの異なるサイズでプレビューし、視認性が保たれるか確認します。
4
ICOとPNGファイルのファビコンセットをダウンロードします。
5
ファイルをサイトのルートディレクトリにアップロードします。
6
HTMLの <head> にリンクタグを追加して、ブラウザにファビコンを指定します。
プロのコツ
デザインはシンプルで太めに。512pxで良く見えても16pxではぼやけた点になることがあるため、最小サイズで先に確認しましょう。
よくある質問
ブラウザのタブ用に16×16px、ブックマークやタスクバー用に32×32pxが一般的です。512×512pxの大きな元画像はApple Touchアイコンにも役立ちます。
ICOは古いブラウザやWindowsで必要なレガシー形式です。PNGは現代的で広く対応され、高解像度ディスプレイ向けに拡大できます。
ファビコンファイルをサイトのルートにアップロードし、HTMLの <head> 内に <link rel="icon"> と <link rel="apple-touch-icon"> タグを追加します。
今すぐファビコンが必要ですか？
Pixcutlyのファビコン生成ツールなら、どんな画像からでもICOとPNGの一式を数秒で作成できます。