ファビコンを生成
ロゴをfavicon.icoに変える PNGサイズはサイトのニーズに合わせて変更できます。
使い方 ファビコンジェネレータ
ロゴをアップロードする
正方形のPNGまたはSVG、理想的には512x512以上でドロップします。 シンプルで高コントラストのマークは16ピクセルで最高の読み取り値です。
背景を設定する
ロゴが後ろに1つ必要とすれば、透明に保ち、または強固な色を選ぶと、光とダークタブにレガブルにとどまります。
ダウンロードとインストール
favicon.ico と PNG サイズをサイトのルートに保存し、HTML ブロックをページの先頭に貼り付けます。
について ファビコンジェネレータ
ファビコンは、サイトをブランディングする最小の部分であり、ほとんどの人が使用しています。タブが30人のうちに識別され、ブックマークがリストで認識される方法である方法です。 1つのないサイトは、デザインの残りの部分がどれだけ良いかに関係なく、未完成として読み込まれている紙の空白のシートを示しています。
awkward の部分は、常に 1 つのファイルが十分ではないということでした。ブラウザは、サイトルートで favicon.ico を望む、高 DPI タブは 32px の PNG を望む、iOS はホーム画面と Android が 180 px の アップルタッチ アイコン を 192 と 512px のバージョンを インストール プロンプトとスプラッシュ スクリーン に したい。このツールは、単一のイメージから、16、32 と 48px の版を の の の を 本物のマルチ 解像度 に 詰め込むものです。 PNG は、 は、 を 変更した PNG が が に 変更された PNG が、 が ファイルが PNG に を 変更された もの PNG ファイルが が に 変更された が、 ファイルが PNG が に から に に PNG に を 変更された PNG PNG に PNG PNG を に ファイルが ファイルが に に テキスト に に テキスト テキスト 表示されます。 テキスト テキスト テキスト テキスト を テキスト テキスト テキスト を テキスト テキスト を に に を テキスト テキスト テキスト を に テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト を テキスト テキスト テキスト に テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト
ロゴは、それを埋めるために作って、切り捨てられたものではなく、各正方形に収まるので、エッジをクリップアウトし、透明な背景を維持したり、背後にソリッドカラーを設定することができます。 下にHTMLブロックは、あなたの頭に貼り付けるリンクタグの正確なセットです。 すべてがあなたのブラウザでレンダリングされているので、未発表のロゴはあなたのデバイスを離れません。
よくある質問
- どのサイズがファビコンになるべきか。
- 少なくとも512x512から始めて、すべてのサイズは吹き上げではなくダウンスケールされます。 このツールは、16、32、48、180、192、512pxの版とマルチサイズの.icoを生成します。
- これは本当の.icoファイルですか?
- はい。名前変更されたPNGではなく、16、32、48pxの画像を含む純正のマルチレゾリューションICOです。
- faviconファイルを置く場所?
- サイトのルートでは、favicon.ico は yoursite.com/favicon.ico に座って、ここで示したリンクタグを頭に追加します。Next.js のようなフレームワークは、アプリやパブリックディレクトリに置いたファイルをピックアップすることもできます。