Favicon.icoの作り方

ページ名:Favicon.icoの作り方

グーグルやヤフー、ウィキハウスのようなウェブサイトにアクセスすると、アドレスバーの左に小さなアイコンがあることに気づくかもしれない。これはファビコンと呼ばれるもので、ウェブサイト用に自分で作成することができます。このアイコンは、あなたのサイトをよりプロフェッショナルな雰囲気にするだけでなく、ユーザーがお気に入りに登録したページの横に表示されます。これにより、ユーザーがあなたのサイトを見つけやすくなります。

  • 1
    16x16ピクセルの画像を作成します。一目でわかるようにシンプルな画像にします。
  • 2
    画像をfavicon.icoファイルに変換する。これを正確に呼び出さないと、ブラウザは認識しません。これを行う簡単な方法は、.Favicon.icoを使用することです。 もう一つの方法は、フリーの画像エディタを使用し、16x16の画像をICO形式で保存することです。
  • 3
    生成されたファイルをウェブサイトにアップロードします。
  • 4
    あなたのウェブサイトのHTMLに以下のコードを追加します。コードの<head>セクションに記述し、アイコンへのパスがウェブページからの相対パスで正しいことを確認してください。コードは以下の通りです(.htmlと.icoの両方が同じトップ・ディレクトリにあると仮定しています):
    • <link rel="shortcut icon" href="favicon.ico" />とします。
  • 5
    ページを更新し、一歩下がって、あなたのウェブサイトの美しい新しいアイコンを鑑賞してください。
  • この記事は、CC BY-NC-SAの下で公開された「 How to Create a Favicon. ico」を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。

    シェアボタン: このページをSNSに投稿するのに便利です。

    コメント

    返信元返信をやめる

    ※ 悪質なユーザーの書き込みは制限します。

    最新を表示する

    NG表示方式

    NGID一覧