CrystalSnowman.comTweetfaviconを作ってみました。Excelとペイントアクセサリとオンラインサービスで簡単に作れたので方法を紹介します。あなたのサイトに設置してみてはいかがでしょうか。まとめ作成方法faviconについてfaviconはWebページに配置するアイコンのことです。このようにブラウザーのタブやお気に入りに表示されます。faviconを設置するとサイトが目立つようになります。パフォーマンスが向上する可能性があります。パフォーマンスについては、サイトにアクセスがあるとWebサーバはfaviconを探します。見つからない場合メッセージをエラーログに出力します。faviconが設置されていればこのエラーログ出力処理がなくなり、多少のパフォーマンス向上が期待できます。faviconにするイメージの作成シンプルなアイコンがよかったので、手軽にイメージを作成できるExcelで作ることにしました。図形の挿入と塗りつぶしで作成したシンプルなイメージです。Screen」でスクリーンキャプチャーします。トリミングしてpng画像として保存します。favicon用ファイルの作成faviconにするには16×16サイズの.icoファイルが必要です。こちらのオンラインサービスで作成しました。Generatorgif、jpg、png、bmpファイルをアップロードすると.icoファイルを作成してくれて、downloadできます。今回は使わなかったのですが、別のオンラインサービスも紹介します。無料で透過マルチアイコンが作れます。どちらも同じことができます。作成したfaviconファイルをサイトに設置します。.icoファイルをWordPressのテーマが置かれているフォルダーに保存します。mythemeというオリジナルのテーマを使用しているので、以下のmythmeフォルダーにftpでfaivcon.icoを保存します。次にこのサイトはWordPressで作成しているため、header.phpにfaviconを参照する記述を追記します。-->3と4行目の記述ですが、テーマフォルダーに.icoファイルを置いたので、bloginfo(‘template_directory’);でテーマの保存場所を取得しました。Wikipediaによるとfavicon指定は2通りの記述方法で指定するのが望ましいとありましたのでそのようにしました。無事faviconが表示されるようになりました。表示されない場合はいったんブラウザーのキャッシュを削除し、リフレッシュすると表示されると思います。パフォーマンス向上については正直体感できませんでした。確実にログ出力は減少するので無駄ではないと思います。まとめ特別なアプリケーションを用意することなく、Excelとペイントとオンラインサービスでfaviconを作ることができました。目立つこととパフォーマンスが若干向上することが期待できます。あなたのサイトにもfaviconを設置してみてはいかがでしょうか。サイトへの愛着がわくと思います。2015-05-072015-08-25Tweet※この記事を読まれた方は、ぜひ下記の記事も合わせて読んでみてください。CrystalSnowmanさくらVPSでサーバを構築してWordPressでブログをはじめました。技術的なことや読んだ本の感想などを記事にしたいと思います。私の得た知識や失敗談によって、あなたの貴重な時間が節約できますように。twitterでもつぶやいています。よかったら見てみてください。CrystalSnowman.com。