attention admin about comments trackbacks you may also like

アイコン制作

2017年11月16日
ブログいじり
0

前々回の記事で、タイトルバーに画像表示の仕方を紹介しましたが、各ブラウザではどのように表示されるのでしょうか。

グーグルクロームでは、

171116-00.jpg

ファイヤフォックスでは、

171116-01.jpg

オペラでは、

171116-04.jpg

サファリでは、

171116-02.jpg

インターネットエクスプローラーでは、

171116-03.jpg

インターネットエクスプローラーでは、アドレスバーとタブと両方表示されました。

この画像は、ファビコンと呼ばれると紹介しましたが、似たようなものに「アイコン」があります。

今回下記のサイトでアイコンを作ってみました。
https://ao-system.net/favicon/

このサイトでは、16×16のファビコン、36×36、48×48の三つの大きさの画像を一つのファイルとして格納でき、「マルチアイコン」と呼ぶようです。

拡張子は「ico」になります。16×16のファビコンだけでしたら、「png」や、「jpg」でもよいのですが、アイコンとするならば、「ico」でないといけないとのことです。

そこで、「中間西校区まちづくり協議会」のホームページのアイコンを作ってみることに・・・

この三つの画像は、それぞれ違う画像も指定できるそうで、

16×16のアイコン 171116-16

32×32のアイコン 171116-32

48×48のアイコン 171116-48

16×16以外には文字を入れています。

当ブログをブックマークすると、

171116-05.jpg

デスクトップにショートカットしてみました。
(48×48の画像が表示されています。)

171116-06.jpg

ショートカットの画像を変更するには、

ショートカットの画像を右クリック、プロパティをクリック。

171116-07.jpg

「アイコンの変更」をクリック。

171116-08.jpg

「参照」をクリックして、自分のPCの中にある拡張子「ico」のアイコン画像を選択します。

171116-09.jpg

現在、当ブログのファビコン画像は、「jpg」から今回制作したマルチアイコン画像に変更しました。

関連する記事
遠太
Author: 遠太
九州は福岡県中間市で環境保全や地域に関するボランティア活動中。
できる時にできる範囲で。そこには、ノルマも強制も義務もありません。

コメント(0)

There are no comments yet.