*

Favicon(ファビコン)を作成しよう!〜タブブラウザの時代に〜

公開日: : WordPress [カスタマイズ]

icon imagesansik via photopin cc

こんにちは!MBS店主( @microbookstore )です。

今回はFaviconについて記事を書きます!

Faviconってのは何?

と思う方もいらっしゃるかもしれません。

例えば、アプリとかだと、わかりやすいようなアイコンがありますよね?

あれのおかげで視覚的にもこれはあのアプリだって分かりやすく、使いやすくなっています。

Faviconはそんなアイコンの、webページ版ということです。

小さいけれど、タブブラウザが浸透してきた今、重なったタブから目的のページを見つけるのに、アイコンはかなり効果的ですよ!

例えば、Google Analyticsなら

Google Analytics favicon

 

暖色系の彩度の高いアイコンで、右の二種からおもいっきり引き離しています!

これなら文字とか読まなくても大丈夫ですよね。

タブブラウザ上に物凄い数のタブが出てきたら文字なんかは全然見えなくなって、結果、Faviconだけ顔をのぞかせている感じになります。

なので、色のイメージだけでも明るい色にしておくと記憶に残りやすくなってお勧めです。

さて、Faviconを作ってみましょう。

Faviconはとても小さいです。サイズは

16px x 16pxです。

それと、32px x 32pxというザイズも作りましょう。

これはwindowsで、サイトリンクををショートカットで作成した時に必要なサイズになります。

この2つをマルチアイコン化して、サーバーの必要な場所にアップロードすれば完璧です。

「サーバー」と聞くとめんどくさくなって、じんましんが出る友人がいましたが、ご安心ください。簡単なので。

まずアイコン画像の作成です。

フォトショプか何かで16pxアイコンと、32pxアイコンを作りましょう。

保存形式は何でもいいのですが、pngで作っちゃいましょう!

favicon作成サイト http://ao-system.net/favicon/index.php だと、大きい画像も縮小してくれます。便利!

そしてその2つの画像を

http://ao-system.net/multiicon/

にて、アップロードしてアイコン作成ボタンを押せばマルチアイコン化が完了です。

そしてそのfaviconちゃんは、WordPressならtheme>お使いのテーマ>images

に置くことが多いと思います。

そうすることでお使いのwebページももっとかっこよくなります!

是非お試しください〜

にほんブログ村 IT技術ブログ WordPressへ
にほんブログ村ポチよろしくおねがいいたします!

AD

関連記事

no image

WordPressのカラーコード #○○○

タグに最後にさわったのは、6年前でしょうか。。。 そのころカラーコードは6桁でした。 最近またhtm

記事を読む

no image

[WordPressカスタマイズ]記事本文の昇順・降順の変更

WordPressは記事はデフォルトは昇順です。 ですが、降順にもできます。 降順?一番古いのが上

記事を読む

no image

Google Adsense からのWEB診断

今回はgoogle Adsense を貼り付けているサイトの高速化のことです。 サイトの表示速度も検

記事を読む

no image

[WordPressカスタマイズ]PHPでタイトルと記事を結合

WordPressのタイトルと記事を足して、任意の文字数でカットして表示させたい! <?php

記事を読む

no image

リンク先のクリック数を表示するプラグイン

よく「*人がクリックしました」というアフィリエイト先へのリンク横などに表示されているのを見たことがあ

記事を読む

no image

スパムボットに収集されないメールアドレス公開方法

<?php echo antispambot(”mailto:ここにアドレス入力”); ?> また

記事を読む

no image

[WordPress]テーマジェネレーター

配布テーマを使うのもいいけど、気に入ったテーマはかぶることが多い でもPHPやCSSはよくわからない

記事を読む

no image

WordPressのfaviconを変えてみよう。

とにかく変えてみましょう! こういう小さな事をきちんとやると大きな事に繋がっていく。。。と信じていま

記事を読む

no image

WordPress2.7へついにアップロード

年の瀬、バージョンの瀬です。新しい年を迎える前に、やるべきこと。以前かなり渋っていたWordPres

記事を読む

no image

[WordPressカスタマイズ]query_postsを初期化

カテゴリー9のタイトルだけ表示させたかったときに query_postsを使いました。 だけど他のペ

記事を読む

AD

AD

no image
Adobe Indesign CCを開くとクラッシュする問題を解決した。

すんごく不定期すぎるブログですが、ある記事だけ凄くアクセスが。。。

El CapitanにOffice2016(Office365 solo)をインストールした時にエラー出現と対応

こんにちは!花粉症の季節ですね。。 花粉とエラーは無いほうがいい

no image
wordpressのローカル環境「予期しない出力により Cookies がブロックされました。」解決

お久しぶりの更新です。 blankslateテーマを使って作業してい

アフィリエイトファクトリー使用して初成果が出た!魔の三ヶ月を克服。

特典追加のお知らせ 下記SIRIUS上位版、またはアフィリエイト・フ

SIRIUS上位版
SIRIUS(シリウス) 最強SEOサイト作成ツール

SIRIUS起動画面かっこいい〜私はこの画面が好きです。やる気

→もっと見る

PAGE TOP ↑