FIRST CHTools

FIRST CH TOOLS / 画像 / 09 FAVICON GENERATOR

faviconジェネレーター

ロゴ画像1枚から、favicon.ico（icoファイル）・apple-touch-icon・PWA用アイコン（192/512px）・site.webmanifest を一括生成する無料のfaviconジェネレーターです。設置用のHTMLスニペット付き。画像はサーバーに送信されません。

ここに画像をドロップ またはクリックして選択（PNG / JPEG / SVG・正方形・512px以上推奨）

How to Use

  1. 画像をドロップロゴやアイコンの元画像を選択。正方形でない場合は中央で切り抜きます。
  2. プレビュー確認16pxから512pxまで、各サイズでの見え方をその場で確認できます。
  3. ZIPで保存・設置ZIPをサイトのルートに展開し、スニペットを<head>に貼り付けます。

faviconジェネレーターで作成されるファイルとサイズ

ZIPには次の8ファイルが入ります。サイトのルート（トップページと同じ階層）に置けば、スニペットのパスのまま動きます。

ファイル名サイズ使われる場所
favicon.ico16/32/48pxブラウザのタブ・ブックマーク（3サイズを1ファイルに格納）
favicon-16.png
favicon-32.png
favicon-48.png		16/32/48pxPNG形式のファビコン（スニペットでは32pxを指定）
apple-touch-icon.png180pxiPhone・iPadでホーム画面に追加したときのアイコン
icon-192.png
icon-512.png		192/512pxAndroid・PWAのアイコン（site.webmanifest から参照）
site.webmanifest—PWA用の設定ファイル。name・short_name は空欄なのでサイト名を書き入れてください

About This Tool

生成する favicon.ico（icoファイル）は 16/32/48px のPNGを1ファイルに埋め込んだ形式で、モダンブラウザすべてで表示できます。 あわせて iOS のホーム画面用（apple-touch-icon 180px）と、PWA・Android用の 192/512px、site.webmanifest まで一式で書き出すので、このfaviconジェネレーター1回でサイトのアイコン設定が完了します。 当社の制作案件でも納品前の定型作業として同じ構成でアイコンを設置しています。

Other Tools