ファビコンをサイトに設定する方法（HTMLタグ）
この記事のポイント
- ZIPを展開
- ファイルをサイトに置く
- タグを貼る
手順
- ファビコン（サイトのアイコン）を作る で作ったZIPを、展開します。
- favicon.ico などを、サイトの一番上の場所（ルート）に置きます。
- ZIPの中の html-tags.txt の内容を、ページの head に貼り付けます。
GitHub Pagesなら、リポジトリの一番上にファイルを置きます。
ファビコン（サイトのアイコン）を作るを使う（無料）
あわせて使えるツール
- 画像の切り抜き・回転：画像を、好きな範囲や比率で切り抜きます。回転もできます。
- 画像のサイズ（ピクセル）を変える：画像の大きさを、横幅・縦・割合で変えます。
- 画像の形式を変換（JPG・PNG・WebP）：画像をJPG・PNG・WebPに、まとめて変換します。
同じツールの、ほかの解説
How to Add a Favicon to Your Site (HTML Tags)
Key points
- Unzip
- Upload the files
- Paste the tags
Steps
- Unzip the file made with Make a Favicon (Site Icon).
- Put favicon.ico and the others at the root of your site.
- Paste the contents of html-tags.txt from the ZIP into your page's head.
On GitHub Pages, put the files at the top of the repository.
Use "Make a Favicon (Site Icon)" (free)
Tools that go well with this
- Crop & Rotate Image: Crop an image to any area or ratio, and rotate it.
- Resize Images by Pixel Size: Resize images by width, height or percentage.
- Convert Image Format (JPG, PNG, WebP): Convert images to JPG, PNG or WebP, several at once.