ファビコン作成・プレビュー
画像や文字からfavicon.ico・PNG・manifestを一括作成
色・デザイン無料・登録不要端末の中で処理PR・このページには広告が含まれます
プレビュー
サイトの名前
サイトの名前
- 16×16ブラウザのタブ
- 32×32タブ（高解像度）・ブックマーク
- 48×48Windows・検索結果
- 180×180iPhone・iPadのホーム画面
- 192×192Androidのホーム画面
- 512×512アプリとして追加・起動画面
ZIPには favicon.ico（16・32・48pxを1つにまとめたもの）、PNG 6種類、site.webmanifest が入っています。ファイルはサイトのいちばん上の階層に置き、タグを <head> に貼ってください。apple-touch-icon は iPhone が透明部分を黒くし、角を自分で丸めるため、四角いまま背景を塗って作ります。画像はこの端末の中だけで処理します。
ファビコン作成・プレビューの使い方
- 「作り方」で「文字・絵文字から作る」か「画像から作る」を選びます。
- 文字と色、または画像を入れ、「形」と「背景の色」を決めます。
- タブの見本と各サイズのプレビューで見た目を確かめ、「まとめて保存（ZIP）」を押します。
- ファイルをサイトのいちばん上の階層に置き、「タグをコピー」でコピーしたタグを <head> に貼ります。
よくある質問
Q. どんなファイルが作られますか？
A. 16・32・48pxをまとめたfavicon.ico、PNG 6種類（apple-touch-icon・Android用を含む）、site.webmanifest です。
Q. iPhone用のアイコンだけ角が四角いのはなぜ？
A. iPhoneはホーム画面で角を自動で丸め、透明部分を黒く表示するためです。四角いまま背景を塗って作っています。
Q. 画像はアップロードされますか？
A. されません。画像の読み込みと書き出しは、この端末のブラウザの中だけで行います。
このツールについて
ファビコン作成・プレビューの無料ツール。画像や文字からfavicon.ico・PNG・manifestを一括作成。登録不要で、入力した内容はブラウザの中だけで処理します。
最終更新：2026/10/19