ファビコン作成
無料のファビコン作成ツール。画像・SVG・文字や絵文字から favicon.ico、PNGアイコン、Apple touch icon、Webマニフェストをブラウザ上で作成できます。
できること
ファビコンとは、ブラウザのタブ、ブックマーク、履歴に表示される小さなアイコンです。スマートフォンでサイトをホーム画面に追加したときにも使われます。このツールは、1枚の画像、SVGロゴ、または数文字の文字や絵文字から、Webサイトに必要なファイルをすべて作成します。16・32・48ピクセルの画像を含む favicon.ico、16・32・192・512ピクセルのPNGアイコン、180ピクセルのApple touch icon、Webマニフェスト、ページに貼り付けるHTMLタグが含まれます。
使い方
- 画像やSVGを選ぶか、1～2文字の文字または絵文字を入力します。
- プレビューを見ながら、形・背景・余白を調整します。
- ZIPをダウンロードし、ファイルをサイトのルートに置いて、HTMLを <head> 内に貼り付けます。
よくある質問
本当に必要なファイルはどれですか？
サイトのルートに置いた favicon.ico で、すべてのブラウザに対応できます。180ピクセルの apple-touch-icon.png はiPhoneやiPadのホーム画面に表示され、192と512ピクセルのPNGとWebマニフェストはAndroidで使われます。ZIPにはすべて入っています。
Apple touch icon に背景があるのはなぜですか？
iOSはtouch iconの透明部分を黒で塗りつぶし、角も自動で丸めます。そのため、このアイコンは常に正方形の不透明な画像として作成され、背景を透明にした場合は白が敷かれます。
どんな画像が最適ですか？
ディテールの少ない正方形のロゴやシンボルで、512ピクセル以上かSVGが最適です。文字や細い線は16ピクセルでは潰れてしまいます。16と32ピクセルのプレビューを確認し、形が端に触れる場合は余白を使ってください。
新しいファビコンが表示されないのはなぜですか？
ブラウザはファビコンを長期間キャッシュします。favicon.ico をブラウザで直接開いて再読み込みするか、プライベートウィンドウで確認してください。検索エンジンに新しいアイコンが反映されるまでには数日から数週間かかることがあります。
画像はアップロードされますか？
いいえ。アイコンの描画とファイルの作成はすべてお使いのブラウザ内で行われ、サーバーには何も送信されません。