ファビコン作成
ブラウザーのタブ、ブックマーク、スマホのホーム画面に表示される小さなアイコンを作りましょう。ロゴを選ぶと、必要なサイズ一式とサイトに貼り付けるコードが手に入ります。
- ロゴや画像を選ぶ
- 余白と背景を設定
- ZIPをダウンロード
ツールを読み込み中…
ファイルが端末の外に送信されることはありません
セットの内容
- 全ブラウザー対応の16・32・48ピクセルのfavicon.ico。
- favicon-16x16.pngとfavicon-32x32.png。
- iPhone・iPad用のapple-touch-icon.png（180 × 180）。
- site.webmanifest付きの192・512ピクセルのAndroidアイコン。
- ページのheadに貼り付けるタグを記載したfavicon-html.txt。
くっきりしたアイコンのコツ
512 × 512ピクセル以上の正方形の画像かSVGを使ってください。シンプルな形や太い文字1〜2字は16ピクセルでも読めますが、細かい文字は読めません。ロゴが端に接している場合は余白を追加しましょう。
設置方法
すべてのファイルをサイトのルートフォルダーにアップロードし、favicon-html.txtのコードを各ページのheadに貼り付けます。ファイル王国 はファイルをお使いのデバイス上で作成します。
よくある質問
どんな画像を使えばいいですか？
512 × 512ピクセル以上の正方形のPNGまたはSVGのロゴが最適です。
透明背景は保たれますか？
はい。ただしiOSは透明を表示しないため、Appleアイコンだけは選んだ背景色か白になります。
ICOファイルはすべてのブラウザーで使えますか？
はい。16・32・48ピクセルの画像を含み、現在の主要ブラウザーすべてで使えます。
ファイルはどこに置きますか？
サイトのルート（最上位）フォルダー、トップページと同じ場所です。
ロゴはアップロードされますか？
いいえ。アイコンはブラウザー内で作成されます。
無料ですか？
はい。