ファビコンを設定しないのは損!?ファビコンの作り方から設定方法まで

ブログ関連

こんにちは。

少しでもブログの見栄えを良くしようとちょいちょい何かしら変更しておりますが、

今回はファビコンなるものの設定の方法を書いていこうと思います。

 

では、いきましょう。

 

ファビコンとは

favicon(ファビコン)は、ウェブサイトのシンボルマーク・イメージとして、ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称である。favorite icon(フェイバリット・アイコン:お気に入りアイコン)という英語の語句を縮約したものである。

(出展:ウィキペディア)

簡単にいうとホームページを開いた時にでるサイトのロゴマークですね。

こんな感じのやつです。

見てる人は少ないかもしれないですが、設定すると自分のサイト感がでますよ。

 

まずはファビコンのシンボルマークを作る

まずは自分のサイトのシンボルマークを作ることから始めます。

僕はペイントで切った貼ったしただけなのですが、

便利なサイトがあったのでのせときますね。

ファビコン作成。favicon.ico 無料で半透過マルチアイコンが作れます。
ファビコン(ファブアイコン)faviconを作ろう!。16x16と32x32と48x48ピクセルのマルチアイコンが簡単に作れます。作成したファビコンの画像はプレビューで確認できます。プロ仕様の詳細データ表示付き。
favicon.ico Generator
favicon.cc is a tool to create or download favicon.ico icons, that get displayed in the address bar of every browser.

僕の場合を書きますと最初はペイントのペンで一筆書きをした似顔絵を載せてたんですが、

見栄えが気になって今はKiiというアプリで作った画像をペイントでトリミングしたものを使っています。結構いい感じになりますよ!

これね☟

‎Ki'i 〜シンプルでおしゃれな似顔絵アイコン作成アプリ キー 〜
‎シンプルでおしゃれなアイコンを 「Ki'i」でつくりましょう。 Ki'iは顔のパーツを組み合わせて、似顔絵を作ることができるアプリです。 お気に入りの似顔絵を作って、アイコンなどにご利用ください。 ■ 簡単な操作 好きなパーツを選んで、指で動かすだけで フラットデザインの似顔絵を簡単に作ることができます。 ■ ...

 

この他にはdotpictなんかもいい感じのができそうです。

これね☟

‎ドットピクト! かんたんドット絵アプリ
‎\dotpictのここがすごい!/ ◎かんたんにドット絵が作れる、とにかく迷わない!◎ ■キャンバスサイズはプリセットから選択 dotpictのキャンバスサイズは16x16、24x24、32x32、48x48、64x64、96x96、128x128から選択するのでサイズで迷うことはありません。同じキャンバスサイズ...

 

ファビコンを設定する

僕はワードプレスのコクーンというテーマを使ってるのでその説明になりますね。

まずは「外観」から「ヘッダー」を選びます。

つぎに「サイト基本情報」にします。

そこで自分のブログのタイトルやキャッチフレーズと一緒にファビコンも載せることができるのです。

※別ブログのモノです。

 

まとめ

いかがでしたでしょうか?

結構簡単に自分のアレンジができる部分なだけにやらないと損ですよ。

ちなみに反映まで少し時間がかかる場合があるのでやってみて何度かF5を押してみて反映されなくてもやきもきしないで気長に待ちましょう!

僕の場合は今、PCではファビコンが反映されてるんですが、iphoneで見ると古いままだったり、

リンクで貼り付けたものが古いままだったりするのが気になって今どうすればいいか調査中です。

誰か改善方法を知ってる人がいたら教えてくだせぇ(´;ω;`)

コメント

%d人のブロガーが「いいね」をつけました。
タイトルとURLをコピーしました