ファビコンジェネレーター - 画像から全サイズのファビコンを作成
任意の画像をアップロードするだけで、完全なファビコンセットが即座に手に入ります。複数解像度のfavicon.icoに加え、16、32、48、180(Apple)、192 & 512(PWA)のPNG、さらにsite.webmanifestを、ZIPにまとめてお届けします。
ロゴをドロップして、すべてのサイズのファビコンを生成
favicon.ico、site.webmanifest+HTMLスニペットを含む
ファビコンジェネレーターの利用は完了しましたか?次はこちらもお試しください
ファビコンジェネレーターと相性の良い厳選ツール。ファイルを失うことなく作業を続けられます。
ICOコンバーター
PNG/JPG/SVGを、複数解像度を備えたWindowsの.icoアイコン(16/32/48/64/128/256pxなど)に変換します。
今すぐ試すSVGからPNG
あらゆる SVG を 1x〜8x の倍率で、透明・白・カスタム背景の鮮明な PNG にラスタライズします。
今すぐ試すPNG から WebP へ
PNGをWebPに変換し、すべての透過ピクセルを保ったままファイルサイズを60〜80%削減します。画質スライダー、ロスレスモード(任意)に対応。
今すぐ試す画像からステッカー
AI背景除去とカスタマイズ可能な白いふち取りで、どんな写真もプリント風ステッカーに変換。WhatsApp、Telegram、iMessageにぴったりです。
今すぐ試す画像をリサイズ
JPG、PNG、GIF、WebP、SVGの画像を正確な幅と高さにリサイズしたり、パーセントで拡大縮小したりできます。1枚のリサイズはもちろん、複数枚を一括でリサイズしてZIPにまとめてダウンロードも可能。ライブプレビュー付きで、縦横比と画質を維持します。無料・登録不要・透かしなし。
今すぐ試すカラーピッカー
写真の任意のピクセルの色(HEX/RGB/HSL)を取得したり、主要なパレットを自動抽出したりできます。JSONまたはCSS変数として書き出せます。
今すぐ試す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を編集するだけで済みます。
features512×512以上の正方形(1:1)のPNGを使うと、どのサイズでも最もきれいな出力が得られます。16×16では消えてしまう細かいディテールは避けましょう。ファビコンは、はっきりした単一の形と高いコントラストが最も効果的です。透過PNGも使え、ツールがレターボックス処理を行うため、アイコンはどのサイズでも中央に配置されます。
tipsYour 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で生成します。
usageYes — 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.
technicalHow 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.
個人開発者によるサービスローンチ
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から手作業で書き出し直す必要はありません。
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.
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.
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.
Fix the Favicon Flagged in an SEO Audit
favicon の欠落や破損は、Lighthouse や SEO クローラーのレポートでよく指摘される問題で、検索結果やブックマークでのクリック率をひそかに下げます。1回のアップロードでフルセットを再生成し、その指摘を今日中に解消しましょう。
Pixoate