ファビコンジェネレーター - 画像から全サイズのファビコンを作成
どんな画像でもアップロードすれば、ファビコン一式をすぐに入手できます。16、32、48、180(Apple)、192&512(PWA)に加えてsite.webmanifestを、ZIPにまとめてお届けします。
ロゴをドロップして、すべてのサイズのファビコンを生成
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も使え、ツールがレターボックス処理を行うため、アイコンはどのサイズでも中央に配置されます。
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のセットが必要になるのに、既存のジェネレーターは広告だらけか、高解像度の出力を有料にしているかのどちらかだったので、このツールを追加しました。
pricingHow 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から手作業で書き出し直す必要はありません。
Pixoate