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

任意の画像をアップロードするだけで、完全なファビコンセットが即座に手に入ります。複数解像度のfavicon.icoに加え、16、32、48、180(Apple)、192 & 512(PWA)のPNG、さらにsite.webmanifestを、ZIPにまとめてお届けします。

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

favicon.ico、site.webmanifest+HTMLスニペットを含む

ファイルは処理後に自動削除されますHTTPSで安全に処理

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

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

すべてのツールを見る

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

Your source image is uploaded over HTTPS to our secure server, which renders every favicon size and the site.webmanifest and returns them as a ZIP, then deletes the upload automatically after processing. Downloads have no watermark and nothing is stored or shared, so it stays safe for unreleased products and pre-launch brand identities.

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

ファビコンは、ブラウザのタブやブックマーク、履歴でページタイトルの横に表示される小さなアイコンです。サイトをスマホのホーム画面に追加したり、アプリとしてインストールしたりした際のアイコンにも使われます。ここにロゴをアップロードすると、ジェネレーターがあらゆるサイズのファビコンとsite.webmanifestをまとめて1つのZIPで生成します。

usage

Yes — the uploader accepts PNG, JPEG, WebP and SVG source files, not just PNG. SVG is worth using if you have it: because it's vector, every output size from 16 up to 512 is rendered fresh from the vector data instead of being scaled up from a raster, so edges stay crisp even at 512×512. JPEG and WebP work fine too, though you should flatten any transparency onto a background first since JPEG can't hold an alpha channel.

technical

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から手作業で書き出し直す必要はありません。

For Developers

Icons for a Browser Extension Manifest

Grab the 16, 32 and 48px PNGs straight out of the ZIP for your manifest.json icons object — a fast way to get compliant extension icons without exporting each size by hand in a design tool.

Web & SEO

Fill the Favicon Gap on No-Code Sites

Webflow, Framer and Wix rarely generate a full favicon set on their own; upload your logo here and paste the resulting sizes and HTML snippet into the site's custom-code or SEO settings panel in minutes.

Personal Use

Give a Hobby Blog a Finished Look

Personal blogs on Ghost, Jekyll or Hugo often ship with no favicon at all; generate the full set from a headshot or hand-drawn logo so the browser tab looks intentional instead of blank.

Marketing

Fix the Favicon Flagged in an SEO Audit

favicon の欠落や破損は、Lighthouse や SEO クローラーのレポートでよく指摘される問題で、検索結果やブックマークでのクリック率をひそかに下げます。1回のアップロードでフルセットを再生成し、その指摘を今日中に解消しましょう。