ロゴからファビコンを作るときのコツ
この記事のポイント
- 正方形に近い画像
- シンプルな形
- 余白は少なめ
コツ
- 縦横が同じ（正方形）に近い画像を使います。
- 細かい文字や線は、小さくすると消えます。シンプルな形にします。
- 背景が透明のPNGなら、「背景：透明」にします。
ファビコン（サイトのアイコン）を作る で、「余白」も調整できます。
ファビコン（サイトのアイコン）を作るを使う（無料）あわせて使えるツール
- 画像の切り抜き・回転：画像を、好きな範囲や比率で切り抜きます。回転もできます。
- 画像のサイズ（ピクセル）を変える：画像の大きさを、横幅・縦・割合で変えます。
- 画像の形式を変換（JPG・PNG・WebP）：画像をJPG・PNG・WebPに、まとめて変換します。
同じツールの、ほかの解説
Tips for Making a Favicon from a Logo
Key points
- A near-square image
- A simple shape
- Little padding
Tips
- Use an image close to a square.
- Fine text and lines vanish when small. Keep the shape simple.
- For a PNG with a transparent background, choose "Transparent".
You can also adjust the "Padding" in Make a Favicon (Site Icon).
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.