2016年06月19日 無秩序アイコン物語

結局平日は手付かずだった日野だけ完成。


さてさて、今更ながらHPのファビコンをいじったとです。
ブラウザのURL欄やブックマークに現れるアイコンね。

ファビコン用の「ico」という拡張子のファイルは、1つのデータに複数の大きさの画像を収められるフォーマット。
16～64ドット角のアイコンを場所によって自動で展開してくれるのだ。

自分で作ろうとすると面倒だが、画像を1枚用意すれば自動でicoファイルにできるトコがある。

ここで紹介されている
簡単！複数サイズでのファビコンの作り方と設置方法

コレね。
type=x-icon editor

今回使い回しでコレを使った。
元が32ドットだったのを倍角にして。


それからiOSユーザーの方がアクセスしてピン留めをしてくれた時に、専用アイコンが必要なのだが……。
設置したハズがエラーばかり出ておりましてな。
どうやらTOPページのヘッダに書かないとダメみたいですな。

てなワケでiOS用アイコンのリンクをヘッダに追加。
ついでにリニューアル。


このアイコンも機種ごとに大きさの違うのがあった方が親切らしいので、ここを参考にしたです。
ファビコンを設定したならアップルタッチアイコンも作ろう

アイコンメーカー。
iconifier.net

アンドロイドはブラウザごとにアイコンの扱いが違うというクレイジーな仕様でよくわからんとです。
そのまんまだとファビコンが表示されるようだす。

もういっちょ、よく見るエラーにbrowserconfig.xmlちゅうのがあるのだが、コレは、ウインドーズ8.1以降でスタート画面にピン留めする時に見るファイル。
ついでにこれも設置するだわさ。

記述はここでお世話になりました。
ヲレサイト

ウインドーズは真四角が3種類と、横長が1種類必要らしい。


しかし、せっかくbrowserconfig.xmlとアイコンを作ったものの、ファビコンしか表示されませぬ。
どうもxmlの記述がどこかおかしいようだが、左脳も焦げてきたところなのでこのへんにしとく。

ところでよぅ。
ファビコンにアップルタッチアイコンにブラウザコンフィグ……なぁ、どれか1つにしてくんない？
W3Cで統一しねぇんかのぅ。