今までそれほど気にしてませんでしたが個人のウェブサイトを始めて約15年…ブログを始めて約14年… ファビコンの存在は知ってましたが特に必要性も感じなかったんですが 先日作製したブログカードの下部に 表示されるファビコンの地球儀(?)がちょっと気になっちゃいまして。。 (googleさんが用意した代替え用の画像?) 今更感満載ですが… ファビコンの作成と設定を行ってみようと思います[icon:音符] ファビコンってなに?favicon(ファビコン)は、ウェブサイトのシンボルマーク・イメージとして、ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称である。favorite icon(フェイバリット・アイコン:お気に入りアイコン)という英語の語句を縮約したものである。 (同じくWikipediaより) こんな感じでサイト名の隣に表示されるアイコンです。。 ファビコンの作成ファビコンの作成にあたり、使用するアイコンを用意しないと…なんですが。。パソコンの中を漁っていたら(爆 昔サイト用に作成したままの(中途半端な状態ですけど…汗) ドット絵があったので、これを使ってみようと思います[icon:音符] ファビコンの作成ですが… ファビコン作成 favicon.ico 無料で半透過マルチアイコンが作れます
なんでも3種類の大きさの画像を一つに纏める事が出来るそうで… (マルチアイコンって言うそうです) こんな感じでアップロードするだけで… 簡単にファビコンが出来ちゃいます[icon:音符] こんな感じのプレビューも表示してくれますので OKならダウンロードして保存します。。 ファビコンの設定完成したファビコンを自サイトへアップロードし設定したいサイトの<head>〜</head>へ こんな感じに記してあげれば設定完了です。ひいろんは一応古いブラウザにも対応した こんな形式にしておきました。。っつ〜事で 無事にファビコンが表示されるようになりました[icon:音符] ブログカードの方にも… まぁ、ファビコンのサイズが16×16と小さいので 簡素なデザインにするのがセオリーなんでしょうけどね[icon:汗] |