Pixoateファビコンジェネレーター - 画像からすべてのファビコンサイズを作成
どんな画像でもアップロードすれば、即座に完全なファビコンセットが手に入ります:16、32、48、180(Apple)、192、512(PWA)、さらにsite.webmanifest(zipファイルとしてパッケージ化)。
ロゴを落とすと、すべてのファビコンサイズが生成されます
site.webmanifest + HTMLスニペットを含む
ファビコン発電機について
現在ブラウザが実際に使っている6つのファビコンサイズに画像を表示し(まだ多くのサイトが必要としているレガシーの.ico経路を省き)、さらにすぐにリリースできるウェブアプリマニフェストも提供します。完全にブラウザ上で動作し、アップロードも待機も不要です。
画像を強化し続ける
これらの人気のあるツールを使用して、写真編集を次のレベルに引き上げましょう
Frequently Asked Questions
現代のブラウザやデバイスでは6つのサイズが必要です:ブラウザタブ用に16×16と32×32、Windowsサイトアイコン用に48×48、Apple touchアイコン(iOSホーム画面)用に180×180、Androidホーム画面およびPWAインストールプロンプト用に192×192 + 512×512です。私たちのジェネレーターは、6つすべてと1つのソース画像からsite.webmanifestを生成します。
usageほとんどの現代のブラウザはPNGリンクタグ(rel="icon" type="image/png")を好み、ICOファイルは不要になりました。従来のICOを省略し、すべての現代ターゲットに適切なサイズのパプアニューギニアファビコンを提供しています。Internet Explorerや非常に古いChromeをサポートする場合は、PNGのうち1つをICOに別途変換できます。
technicalウェブアプリマニフェストとは、Android、Chrome、Edgeに対して、プログレッシブウェブアプリとしてインストールした際のサイトがどのように見えるべきか(アイコン、名前、テーマカラー、表示モード)を伝えるJSONファイルです。当社のジェネレーターには、Android Chromeのアイコンを指すスターターマニフェストが含まれています。名前とtheme_colorだけ編集すればいいだけです。
features512×512以上の正方形(1:1)PNGは、あらゆるサイズで最もクリーンな出力が得られます。16×16で消えてしまう細かいディテールは避けましょう。ファビコンは一つの大胆な形状と高いコントラストで最も効果的です。透明なPNGは機能します。ツールはレターボックスを付けて、アイコンがどのサイズでも中央に位置するようにしています。
tipsはい — 元の画像はcanvas APIでリサイズされ、ローカルでZIPとしてパッケージ化されます。何もアップロードされていません。これにより、未発売商品や発売前のブランドアイデンティティのアイコン作成が安全に行えます。
privacyダウンロードをサイトの/public(またはWeb root)フォルダに解凍し、付属のHTMLスニペットを<head>に追加します:PNGアイコン用のリンクタグとsite.webmanifestへのリンクです。サイトをハードリフレッシュ(Cmd+Shift+R)してください — ブラウザはファビコンを積極的にキャッシュするため、新しいアイコンが表示されるにはキャッシュをクリアする必要があるかもしれません。
usageはい、192×192と512×512のPNGは、ChromeやEdgeがインストール可能なPWAとしてサイトを認定する際のまさにそのものです。マニフェストとともに、彼らは灯台PWAの設置可能性チェックに合格します。
technicalはい。透かしも登録も使用制限もなく、ZIPは永遠にあなたのものです。このツールを追加したのは、すべての開発者が最終的にファビコンセットを必要とし、既存のジェネレーターは広告が多いか、高解像度出力に料金を支払わなければならなかったからです。
pricingUse Cases
インディーハッカーのローンチ
ソロ創業者がMVPをリリースする際には、リリース前に磨き上げられたファビコンが必要です。単一のロゴ画像からマニフェストからワンクリックであらゆるサイズを生成できます。Figmaもデザインのサブスクリプションも不要です。
代理店クライアント設定
新しいクライアントサイトを提供する際、ファビコンセットはほとんど予算化されませんが、常に期待されます。プロジェクトの最後にZIPを生成し、/publicに入力し、納品物にチェックを入れます。
PWAのインストール可能性
Chromeのインストール可能性チェックに合格するには、マニフェストには192×192と512×512のアイコンが必要です。出力はその要件を箱から出してすぐに満たし、HTMLのヘッドタグも対応しています。
マルチブランドワークスペース
複数のクライアントブランドを同時に管理する代理店やコンサルタントは、ブランドがリフレッシュされるたびに10秒でファビコンセットを再生でき、Photoshopの操作を維持する必要はありません。
オープンソースプロジェクトのブランディング
GitHub Pages、Vercel、Netlify、Cloudflare Pagesのサイトはすべて、ブラウザタブで洗練された見た目を出すためにファビコンが必要です。生成されたファイルをリポジトリに入れれば、プロジェクトは出荷されたように見えます。
リブランディング リフレッシュ
ロゴが変わったら、Illustratorから手動で再エクスポートせずに、必要なサイズをすべて再生してください。180pxのApple Touchアイコンや512pxのAndroid PWAアイコンも含めて。