favicon.ico,apple-touch-iconなど様々なブラウザやデバイスに対応したファビコンをまとめて生成。

様々なファビコンを一括生成。favicon generator

使い方はとってもシンプル。画像を1枚指定するだけ。面倒な設定不要。favicon.ico、favicon*.png、apple-touch-icon*.png、mstile*.png、browserconfig.xml、android-chrome*.png、manifest.jsonを一括生成します。
エラーログに余計な404 not foundを記録させない対策としても有効。

画像ファイルを選択
 
指定可能な画像タイプはPNG,JPG,GIFです。
260x260ピクセル以上の画像が推薦サイズです。
今までに作成頂いた数:14260
ダウンロードしたファイルを解凍してウェブサーバーのドキュメントルートに配置します。
HTMLには以下の内容を<head>と</head>の間に記載します。
ドキュメントルートに設置しない場合は、これらパスとbrowserconfig.xml、manifest.json内のパスを適宜書き換えます。
上記metaタグ及び同梱されるbrowserconfig.xml内に指定されている色(#2d88ef等)はこのままでも構いませんが、適宜変更可能です。 同梱されるmanifest.jsonはGoogleChrome拡張機能となります。
様々な種類のファビコンを一括生成します。
最大サイズの画像は260×260pxですので、これ以上のサイズの画像を指定します。
ブラウザやデバイスの多様化により、昔ながらのfavicon.icoだけではなくapple-touch-iconなど様々なファビコンが使用される様になりました。
このサイトでは合計38個の画像ファイルとbrowserconfig.xml、manifest.jsonを生成します。
面倒な設定や処理は不要です。画像を1枚指定するだけで完成です。
favicon.icoは 16x16, 32x32, 48x48 を含むマルチアイコンとなります。
受付可能なファイルタイプはPNG、GIF、JPGで、PNG画像ではアルファチャンネルがそのまま生かされます。生成される画像は全て正方形です。長方形の画像を指定した場合は短辺を基準に長辺のはみ出た部分は切り捨てられます。
通常のウェブサイトとしては本サイトで生成したファイルの設置でほぼ対応できるのではないかと思います。
apple-touch-iconに関しては、まずapple-touch-icon-*-precomposed.pngがアクセスされ、見つからなければapple-touch-icon-*.pngがアクセスされるようです。よって、apple-touch-icon-*-precomposed.pngを設置しないとウェブサーバーのエラーログに404 not found(ファイルが見つからない)のエラーが残ってしまいます。メンテナンスの邪魔になる不要なエラーログを残さない為にも全てのファイルを設置しましょう。
スマートフォンでの閲覧を想定しない業務サイトであっても上記理由により設置をお勧めします。
このサイトで生成されるファイルは以下の40個です。
favicon.ico (16x16,32x32,48x48の3個を含むマルチアイコン)
favicon-16x16.png
favicon-32x32.png
favicon-48x48.png
favicon-96x96.png
favicon-160x160.png
favicon-196x196.png
apple-touch-icon.png
apple-touch-icon-precomposed.png
apple-touch-icon-57x57.png
apple-touch-icon-57x57-precomposed.png
apple-touch-icon-60x60.png
apple-touch-icon-60x60-precomposed.png
apple-touch-icon-72x72.png
apple-touch-icon-72x72-precomposed.png
apple-touch-icon-76x76.png
apple-touch-icon-76x76-precomposed.png
apple-touch-icon-114x114.png
apple-touch-icon-114x114-precomposed.png
apple-touch-icon-120x120.png
apple-touch-icon-120x120-precomposed.png
apple-touch-icon-144x144.png
apple-touch-icon-144x144-precomposed.png
apple-touch-icon-152x152.png
apple-touch-icon-152x152-precomposed.png
apple-touch-icon-180x180.png
apple-touch-icon-180x180-precomposed.png
android-chrome-36x36.png
android-chrome-48x48.png
android-chrome-72x72.png
android-chrome-96x96.png
android-chrome-144x144.png
android-chrome-192x192.png
mstile-70x70.png
mstile-144x144.png
mstile-150x150.png
mstile-310x150.png
mstile-310x310.png
browserconfig.xml
manifest.json

本サイトは手軽に必要数のファビコンを用意することを目的としていますので、必要に応じて個々のファイルを差し替えるなど調整が望ましい場合もあります。
よくある問題として、大きな画像ではしっかり見えた字や模様が16x16や32x32ではつぶれてしまって読めなくなったり、逆に小さいサイズが基準のデザインでは大きな画像で物足りない感じになってしまう事もあるでしょう。時間の許される限り微調整と言ったところでしょうか。
背景に表示されるジグソーパズルはただの遊び心です。邪魔になってごめんなさい。
このサイトについてのお問い合わせはエーオーシステムまでお願いいたします。
ご使用上の過失の有無を問わず、本プログラムの運用において発生した損害に対するいかなる請求があったとしても、その責任を負うものではありません。
このサイトでお気付きの点がございましたら
ご連絡いただけますと幸いです。
Eメール(任意)
送信内容
 
このサイトでお気付きの点がございましたら
ご連絡いただけますと幸いです。
 
Eメール(任意)
送信内容
 
このサイトでお気付きの点がございましたら
ご連絡いただけますと幸いです。
 
Eメール(任意)
送信内容
 
top of page