ファビコン作成

image
favorite

画像をここにドロップ

PNG、JPG、SVG

16px

32px

64px

128px

256px

設定

背景と出力を調整

設定

サイズを選択してHTMLコードをコピー

HTMLコード

<link rel="icon" type="image/png" href="favicon.png">
<link rel="icon" type="image/x-icon" href="favicon.ico">

ブラウザでファビコンを作成

ブラウザタブやWebアプリ用のファビコンとWebサイトアイコンを作成します。

ウェブサイトのファビコンを作成する方法

  1. 画像を選択するか、シンプルな絵文字デザインを作成します。
  2. ファビコンをプレビューし、サイズと出力形式を選択します。
  3. 生成したPNGまたはICOファイルをダウンロードします。

ロゴまたは絵文字からファビコンを作成する

PNG ロゴなどの画像を使用するか、[絵文字] タブで単純なシンボルを作成します。画像ソースは、比率を保ったまま正方形の中に収まります。小さなプレビューを確認してください。16 ピクセルまたは 32 ピクセルでは、詳細なロゴが認識しにくくなる場合があります。多くの場合、間隔が明確な単純な形状のほうが読みやすくなります。

PNG サイズまたはマルチサイズの ICO ファビコンを選択してください

PNG ボタンは、選択したサイズを保存します。すべてのサイズでは、16、32、48、64、128、256 ピクセルの個別の PNG ファイルがダウンロードされます。 ZIP ダウンロードではありません。 ICO ボタンは、16、32、および 48 ピクセルのバージョンを含む 1 つの favicon.ico を作成します。このツールは、一度に 1 つの画像または絵文字のデザインに対して機能します。

ダウンロードしたファビコンをサイトに追加します

ダウンロードしたファイルを自分の Web サイトに配置し、HTML リンクの例を実際のファイル名と場所に合わせて変更します。この例では favicon.png を使用していますが、PNG ダウンロードではファイル名にそのサイズが含まれるため、ファイル名を変更するかリンクを更新してください。ここでファビコンを生成しても、Web サイトには公開されません。レンダリングはブラウザ内に残ります。

ウェブサイトのファビコンに関する質問

絵文字からファビコンを作成できますか?

はい。絵文字エディターでシンプルなファビコンを作成できます。

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

いいえ。ファビコンの生成はブラウザ内で行われ、選択した画像がIMGIUMのサーバーへアップロードされることはありません。

すべてのサイズでファビコン ZIP がダウンロードされますか?

いいえ。6 つの個別の PNG ダウンロードが開始されます。ブラウザによって、複数のダウンロードを許可するかどうかを尋ねられる場合があります。 3 つのアイコン サイズを含む 1 つのファイルに ICO ボタンを使用します。

HTML サンプルが PNG ファイル名と一致しないのはなぜですか?

PNG ダウンロードには、favicon-32x32.png など、選択したサイズが含まれます。そのファイルの名前を favicon.png に変更するか、サンプル リンクを実際にサイトにアップロードするファイル名に変更します。

別のアイコン サイズまたはソースのサイズが必要ですか?

ICO ファイルに含めるサイズを指定したい場合は、ICO 変換ツールを使ってください。より大きなアイコンサイズも選べます。任意の寸法の一般的な画像も必要な場合は、元画像のサイズを別途変更してください。