[HTML] Real Favicon Generator を使用して favicon_html/css_WEB-ITnose を作成する

この投稿は、sitepoiont の記事「Quick Tip: Add Favicon Quickly and Easily to Your HTML」を基に、個人的な意見を加えたものです。 Real Favicon Generator Web サイトを使用して favicon を作成する方法を見てみましょう。

写真をアップロードする

Real Favicon Generator を開いて Web サイトに入ったら、右側のアップロード ボタンをクリックして、favicon の作成に使用する写真をアップロードします。 写真には次の要件があります:

1. PNG、JPG、SVG およびその他の形式
2. 少なくとも 70X70 ピクセル
3. 最良の効果を得るには、ピクセルを 260X260 以上にすることをお勧めします

ここでは迷惑な犬の写真を使用しました。

ファビコンを生成する

アップロードが成功すると、ページはファビコン生成インターフェイスにジャンプし、iOS、Android、Safari、Windows などの複数のスタイルでファビコンを自動的に生成できます。詳細を調整することもできます。

ファビコン生成オプションにはいくつかのオプションがあり、非常に実用的な圧縮画像もあります。

すべての設定が完了したら、[ファビコンを生成] ボタンをクリックして完了です。

favicon を使用する

favicon を生成した後、ページは使用状況ウィザードにジャンプします。 Web サイトで使用したい場合は、HTML5 ページでの使用を例として、次のようにすることができます:

1. まず生成された favicon パッケージをダウンロードします
2. Web サイトのディレクトリに抽出します
3. 生成されたコードをWeb ページ< ;head> タグ

結論

Real Favicon Generator を使用すると、PC、携帯電話、タブレットのさまざまなブラウザで表示するのに適したファビコンをバッチで簡単に生成できます。そして速いですか？