ファビコンジェネレーター
1 枚の画像から favicon.ico、Apple タッチアイコン、Android アイコン、manifest を作成します。
ファビコンジェネレーターについて
ファビコン一式には複数のファイルが必要です。ブラウザと Google 向けの favicon.ico、iPhone と iPad のホーム画面用の 180×180 px の Apple タッチアイコン、Android やインストール可能なウェブアプリ用の 192・512 px のアイコン、それらを記載したウェブマニフェスト、そして HTML の適切なタグです。
正方形の画像（512 px 以上の PNG か SVG のロゴが最適）を 1 枚アップロードすると、ブラウザ内ですべてのファイルを作成します。16・32・48 px を含むマルチサイズの favicon.ico、Apple タッチアイコン、Android アイコン、site.webmanifest です。背景と余白を選んでプレビューし、<head> に貼り付ける HTML とともに 1 つの ZIP でまとめてダウンロードできます。画像はアップロードされません。
よくある質問
どんな画像を使えばいい？
正方形のロゴやシンボルで、透明背景の PNG か SVG、512×512 px 以上が理想です。シンプルな形は 16 px でも判別できますが、細かいロゴや長い文字は判別できません。
ファイルはどこにアップロードする？
サイトのルートフォルダ（トップページと同じフォルダ）にアップロードし、HTML を各ページの <head>、またはテーマや CMS の設定に貼り付けてください。
Apple アイコンが透明にならないのはなぜ？
iOS は透明部分を黒で表示するため、Apple タッチアイコンは背景色（透明を選んだ場合は白）で塗りつぶしています。