Every favicon size from one image
Hand-exporting six icon sizes per site is tedious. Drop one image and get 16–512px PNGs, the Apple touch icon, and site.webmanifest zipped in seconds.
Drop a square image — get every favicon size plus site.webmanifest as a ZIP.
favicon.ico、site.webmanifest＋HTMLスニペットを含む
What you can do with ファビコンジェネレーター
Everything this tool helps you accomplish — no learning curve, no setup.
- Generate every favicon size from one image
- Create Apple touch and Android home-screen icons
- Get a ready-to-use site.webmanifest file
- Download all favicon sizes as a single ZIP
- Add a crisp browser-tab icon to your website
ファビコンジェネレーターが終わったら、次はこちらを
ファビコンジェネレーターと相性のよい厳選ツール。ファイルをそのままに、作業を続けられます。
ICOコンバーター
Windows and browsers need .ico, not PNG. Convert PNG, JPG, or SVG into one multi-resolution .ico (16–256 px) ready for favicons and desktop apps in seconds.
今すぐ試すSVGからPNG
Slack, docs, and most apps can't use SVG. Export your vector as a sharp PNG at 1×–8× scale with a transparent, white, or custom background — in seconds.
今すぐ試すPNG から WebP へ
PNGs are bloating your page load. Convert them to WebP at a fraction of the size with every transparent pixel intact — in seconds.
今すぐ試す画像からステッカー
Plain photos look out of place in chats. Cut the background, wrap a white outline around your subject, and export a sticker sized for WhatsApp, Telegram, and iMessage in seconds. Free to start.
今すぐ試す画像をリサイズ
Wrong size for the platform? Set exact width and height or scale by percent, preview live, and download without quality loss — in seconds. Free to start; batch resize with Premium.
今すぐ試すカラーピッカー
Stop guessing HEX codes from screenshots. Click any pixel for HEX, RGB, and HSL, or extract the dominant palette as JSON or CSS variables, right in your browser.
今すぐ試すよくある質問
最新のブラウザやデバイスには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を編集するだけで済みます。
features512×512以上の正方形（1:1）のPNGを使うと、どのサイズでも最もきれいな出力が得られます。16×16では消えてしまう細かいディテールは避けましょう。ファビコンは、はっきりした単一の形と高いコントラストが最も効果的です。透過PNGも使え、ツールがレターボックス処理を行うため、アイコンはどのサイズでも中央に配置されます。
tips元画像は HTTPS 経由で当社のセキュアなサーバーにアップロードされ、サーバーがすべての favicon サイズと site.webmanifest をレンダリングして 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インストール可能性チェックを満たします。
technicalYes. Preview the favicon set before signup, then create a free account to download the ZIP without a watermark. The icon set is rendered on our servers, so signed-in free use has an allowance and Premium removes the cap.
pricingファビコンは、ブラウザのタブやブックマーク、履歴でページタイトルの横に表示される小さなアイコンです。サイトをスマホのホーム画面に追加したり、アプリとしてインストールしたりした際のアイコンにも使われます。ここにロゴをアップロードすると、ジェネレーターがあらゆるサイズのファビコンとsite.webmanifestをまとめて1つのZIPで生成します。
usageはい。アップローダーはPNGだけでなく、PNG、JPEG、WebP、SVGのソースファイルを受け付けます。SVGをお持ちなら使う価値があります。ベクターであるため、16から512までの各出力サイズがラスターから拡大されるのではなくベクターデータから新たにレンダリングされ、512×512でもエッジが鮮明に保たれます。JPEGとWebPも問題なく機能しますが、JPEGはアルファチャンネルを保持できないため、透明部分は先に背景に統合しておくべきです。
technicalPNGロゴをアップロードすると、ジェネレーターがブラウザが求める16・32・48ピクセル版を含むマルチ解像度のfavicon.icoを作成し、6種類のPNGサイズとsite.webmanifestとともに1つのZIPにまとめます。JPEG、WebP、SVG形式のソースにも対応しているので、画像編集ソフトを開かなくてもどんなロゴファイルからでもファビコンに変換できます。
usageはい — Pixoate はバッチ処理と一括処理をサポートしています。バッチ モードに切り替え、Premium では最大 60 個、Pro では 200 個のソース画像を追加し、オプションを一度設定すると、ソース画像ごとに完全な favicon パック アーカイブを含む 1 つの ZIP をダウンロードする前に、すべてのソース画像が同じ設定で処理されます。一括処理はプレミアム機能です。出力にはシングル モードと同じ品質と設定が使用されます。
featuresはい - 一括処理では、設定を 1 回行うだけで、バッチ内のすべてのアイテムに適用されます (Premium では最大 60 個、Pro では 200 個のソース画像)。項目ごとに設定を繰り返す必要はなく、アップロードおよび生成された一時ファイルは安全に処理され、自動的に削除されます。
usageファビコンジェネレーターでできること
ビジネス、クリエイター、日々の作業で毎日役立つ、実際の課題を解決します。あなたに合う使い方を見つけて、数秒で始めましょう。
個人開発者によるサービスローンチ
MVPをリリースする個人創業者は、ローンチ前に洗練されたファビコンが必要です。1枚のロゴ画像からすべてのサイズとマニフェストをワンクリックで生成できます。Figmaもデザイン系の有料サブスクも不要です。
代理店のクライアント設定
新しいクライアントサイトを納品するとき、ファビコン一式は予算に含まれることはめったにないのに、必ず期待されます。プロジェクトの最後にZIPを生成し、/publicに入れて、納品物としてチェックを付けましょう。
PWA のインストール対応
Chromeのインストール可能性チェックに通すには、マニフェストに192×192と512×512のアイコンが必要です。当ツールの出力は、対応するHTMLのheadタグとあわせて、初めからその要件を満たしています。
マルチブランド対応ワークスペース
複数のクライアントブランドを抱える代理店やコンサルタントは、ブランドのリニューアルがあるたびに、わずか10秒でファビコンのセットを再生成できます。Photoshopのアクションを維持する必要はありません。
オープンソースプロジェクトのブランディング
GitHub Pages、Vercel、Netlify、Cloudflare Pagesのサイトはいずれも、ブラウザタブで洗練されて見えるようファビコンが必要です。生成したファイルをリポジトリに入れるだけで、プロジェクトがしっかり仕上がって見えます。
リブランディングの刷新
ロゴが変わったら、180pxのApple touchアイコンや512pxのAndroid PWAアイコンも含め、必要なサイズをすべてまとめて生成し直せます。Illustratorから手作業で書き出し直す必要はありません。
ブラウザ拡張機能マニフェスト用のアイコン
manifest.json の icons オブジェクト用に、16、32、48pxの PNG を ZIP からそのまま取り出せます。デザインツールで各サイズを手作業で書き出すことなく、規格に準拠した拡張機能アイコンをすばやく用意する方法です。
ノーコードサイトのファビコン不足を解消
Webflow、Framer、Wixが完全なファビコンセットを自動生成することはほとんどありません。ここにロゴをアップロードすれば、生成された各サイズとHTMLスニペットを、数分でサイトのカスタムコードやSEO設定パネルに貼り付けられます。
趣味のブログに完成度の高い見た目を
Ghost・Jekyll・Hugoの個人ブログはファビコンがまったく設定されていないことがよくあります。顔写真や手描きのロゴから一式をまとめて生成すれば、ブラウザのタブが空白ではなくきちんと意図されたものに見えます。
SEO 監査で指摘されたファビコンを修正
favicon の欠落や破損は、Lighthouse や SEO クローラーのレポートでよく指摘される問題で、検索結果やブックマークでのクリック率をひそかに下げます。1回のアップロードでフルセットを再生成し、その指摘を今日中に解消しましょう。