Joy of Tools

ファビコン作成

ロゴや画像を追加すると、ファビコン一式をダウンロードできます。

ファイルや文章はアップロードされません。すべてこのページの中で処理します。

またはここにドロップ

512px以上の正方形の画像が最適です。Ctrl+Vで貼り付けることもできます。

使い方

  1. 正方形の画像を追加します。512px以上がおすすめです。
  2. 背景と余白を選び、ブラウザのタブでの見え方を確かめます。
  3. アイコンまたはZIPをダウンロードし、コードをページのheadに貼り付けます。

よくある質問

元の画像はどのくらいの大きさが必要ですか?

512×512px以上の正方形がおすすめです。ほかの形でも作れますが、中央が正方形に切り取られます。小さい画像だと大きなアイコンがぼやけます。

どんなファイルができ、どこに置けばよいですか?

favicon.ico(16・32・48px)、タブ用PNG2点、180pxのAppleタッチアイコン、Android用の192pxと512pxです。サイトのルートフォルダに置き、コードを各ページのheadに貼り付けます。

背景や余白を付けるのはなぜですか?

透明のアイコンは、暗い色のブラウザのタブで見えなくなることがあります。背景色を付けると防げます。余白は、iPhoneがホーム画面のアイコンの角を丸くしても、ロゴが欠けないようにするためです。

画像はアップロードされますか?

されません。アイコンはこのページの中で作成され、画像はお使いの端末に残ります。

ほかのツール