2016年09月04日

favicon作成にはここが便利

 新しいサイトを作る場合には、faviconはぜひ作りたいものです。
 せっかくならば、16x16だけでなく、32x32なども含んだマルチアイコンを作りたいものです。
 そんなときには、http://ao-system.net/alphaicon/index.php が便利です。

favicon.png



 その複合データの数については、私自身は3つのものしか知らなかったのですが、8種類のサイズを選べます。
 さらには、「apple-touch-icon」を含む「合計36個の画像ファイルとbrowserconfig.xml、manifest.jsonを生成します。」とのことです。

favicon02.png


favicon03.png


 複合データであるだけでなく、透過画像も作れるというのがいいところです。

3種類のサイズを含むfavicon(サイズ15KB)
favicon_w.ico

大規模favicon群(zipサイズ257KB)
favicons.zip
zipを展開するとたくさんの画像ファイルが見えますが、どういう使い方をすべきなのか分かりません。

 なお、サーバーのルートディレクトリーにfavicon.icoを置き、index.htmlでfavicon.icoを指定すると、Edge・IE11・Safariではすぐにindex.html以外のページでもそのアイコンが反映されましたが、Chromeではindex.html以外でなかなか反映されません。
 ブラウザの性質の違いなのか、私が通常Chromeだけを使っていてキャッシュが作られているためなのか・・・よく分かりません。

posted by kewpie at 12:41| Comment(0) | TrackBack(0) | ファイル作成
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.sakura.ne.jp/tb/176741509
※ブログオーナーが承認したトラックバックのみ表示されます。
※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック
コメントの投稿について
○お名前とコメント欄の記入は必須です。
○メールアドレスは任意です。記入されても公開はされません。管理人のみに知らされます。
○スパム防止のため、
・ホームページアドレス欄への記入はできません。
・コメント欄にURLは記入できません。
・スパムと思われる語を記入できません。
 これらをしようとすると、最終的に投稿完了できません。
○投稿完了後に、管理人の判断でスパムと判断した投稿は削除させていただきます。