ファビコンジェネレーター - 画像から全サイズのファビコンを作成

どんな画像でもアップロードすれば、ファビコン一式をすぐに入手できます。16、32、48、180(Apple)、192&512(PWA)に加えてsite.webmanifestを、ZIPにまとめてお届けします。

ロゴをドロップして、すべてのサイズのファビコンを生成

site.webmanifestとHTMLスニペットを同梱

ファイルは処理後に自動削除されます透かしなし登録不要で無料でご利用いただけます

ファビコンジェネレーターの利用は完了しましたか?次はこちらもお試しください

ファビコンジェネレーターと相性の良い厳選ツール。ファイルを失うことなく作業を続けられます。

すべてのツールを見る

Frequently Asked Questions

最新のブラウザやデバイスには6つのサイズが必要です。ブラウザタブ用の16×16と32×32、Windowsサイトアイコン用の48×48、Appleタッチアイコン(iOSホーム画面)用の180×180、そしてAndroidのホーム画面とPWAインストール案内用の192×192と512×512です。当ツールは、1枚の元画像からこれら6つすべてとsite.webmanifestを生成します。

usage

ほとんどの最新ブラウザはPNGのリンクタグ(rel="icon" type="image/png")を優先するため、ICOファイルはもう必要ありません。当社は従来のICOを省き、あらゆる最新の用途に正しいサイズのPNGファビコンを提供します。Internet Explorerや非常に古いChromeに対応する必要がある場合は、いずれかのPNGを別途ICOに変換できます。

technical

ウェブアプリマニフェストは、サイトをプログレッシブウェブアプリとしてインストールしたときの見た目(アイコン、名前、テーマカラー、表示モード)を、Android、Chrome、Edgeに伝えるJSONファイルです。当社のジェネレーターには、Android Chrome用アイコンを指すスターターマニフェストが含まれており、名前とtheme_colorを編集するだけで済みます。

features

512×512以上の正方形(1:1)のPNGを使うと、どのサイズでも最もきれいな出力が得られます。16×16では消えてしまう細かいディテールは避けましょう。ファビコンは、はっきりした単一の形と高いコントラストが最も効果的です。透過PNGも使え、ツールがレターボックス処理を行うため、アイコンはどのサイズでも中央に配置されます。

tips

はい。元画像はキャンバスAPIでリサイズされ、ローカルでZIPにまとめられます。何もアップロードされません。そのため、未発表製品や公開前のブランドアイデンティティ向けのアイコンも安全に生成できます。

privacy

ダウンロードしたファイルをサイトの/public(またはWebルート)フォルダに解凍し、付属のHTMLスニペットを<head>に追加してください。PNGアイコン用のlinkタグと、site.webmanifestへのlinkが含まれています。サイトをハード再読み込み(Cmd+Shift+R)してください——ブラウザはファビコンを強くキャッシュするため、新しいアイコンを表示するにはキャッシュのクリアが必要になる場合があります。

usage

はい。192×192と512×512のPNGは、ChromeやEdgeがサイトをインストール可能なPWAと認定する際に探している、まさにそのサイズです。マニフェストと合わせて、LighthouseのPWAインストール可能性チェックを満たします。

technical

はい。透かしも、サインアップも、使用回数の上限もなく、ZIPはずっとあなたのものです。どんな開発者もいずれはfaviconのセットが必要になるのに、既存のジェネレーターは広告だらけか、高解像度の出力を有料にしているかのどちらかだったので、このツールを追加しました。

pricing

How Favicon Generator helps you get it done

Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start in seconds.

For Developers

個人開発者によるサービスローンチ

MVPをリリースする個人創業者は、ローンチ前に洗練されたファビコンが必要です。1枚のロゴ画像からすべてのサイズとマニフェストをワンクリックで生成できます。Figmaもデザイン系の有料サブスクも不要です。

For Business

代理店のクライアント設定

新しいクライアントサイトを納品するとき、ファビコン一式は予算に含まれることはめったにないのに、必ず期待されます。プロジェクトの最後にZIPを生成し、/publicに入れて、納品物としてチェックを付けましょう。

For Developers

PWA のインストール対応

Chromeのインストール可能性チェックに通すには、マニフェストに192×192と512×512のアイコンが必要です。当ツールの出力は、対応するHTMLのheadタグとあわせて、初めからその要件を満たしています。

For Business

マルチブランド対応ワークスペース

複数のクライアントブランドを抱える代理店やコンサルタントは、ブランドのリニューアルがあるたびに、わずか10秒でファビコンのセットを再生成できます。Photoshopのアクションを維持する必要はありません。

For Developers

オープンソースプロジェクトのブランディング

GitHub Pages、Vercel、Netlify、Cloudflare Pagesのサイトはいずれも、ブラウザタブで洗練されて見えるようファビコンが必要です。生成したファイルをリポジトリに入れるだけで、プロジェクトがしっかり仕上がって見えます。

Marketing

リブランディングの刷新

ロゴが変わったら、180pxのApple touchアイコンや512pxのAndroid PWAアイコンも含め、必要なサイズをすべてまとめて生成し直せます。Illustratorから手作業で書き出し直す必要はありません。