本文へスキップ
ConvertPixels

作成

ファビコン作成 - PNGからfavicon.icoを作る

ロゴをアップロードすれば、favicon.ico、全サイズのPNGアイコン、Apple touch icon、Webマニフェスト、サイトに貼り付けるHTMLのファビコン一式が手に入ります。

  • 無料
  • 登録不要
  • 透かしなし
  • プライバシー重視

ファビコン作成

使い方

  1. 1

    ロゴを追加

  2. 2

    背景と余白を選択

  3. 3

    ファビコン一式をダウンロード

ファビコン作成

サイトにファビコンが必要な理由

ファビコンを作るには、ロゴ(正方形のPNGかSVGが最適)をアップロードし、favicon.ico、PNGアイコン、Apple touch icon、Webマニフェスト、サイトに貼り付けるHTMLの一式をダウンロードします。

わかりやすいタブ

ファビコンは、ブラウザのタブ、ブックマーク、履歴で表示されるアイコンです。

ホーム画面のアイコン

誰かがあなたのサイトをスマホのホーム画面に追加すると、Apple touch iconとマニフェストのアイコンが使われます。

検索結果

Googleはモバイルの検索結果でサイト名の横にファビコンを表示します。

きれいに仕上げるコツ

  • シンプルに

    ファビコンはとても小さいので、細かいロゴより太い文字や記号のほうが見やすくなります。

  • 512 × 512から始める

    大きな正方形の元画像なら、どのサイズでもくっきりしたアイコンになります。

こんなときに

  • PNGからfavicon.icoを作る
  • Apple touch iconを作る
  • Webアプリのマニフェスト用アイコンを作る

ファビコン作成

よくある質問:ファビコン作成

512 × 512ピクセル以上の正方形の画像が最もくっきりしたアイコンになります。背景が透明なPNGかSVGがおすすめです。