IT探検の追憶スマートフォン用の表示で見るIT探検の追憶この広告は、90日以上更新していないブログに表示しています。久しぶりにWebサイトのfaviconを変えようと思い、調べてみると、必要なfaviconが大幅に増えていることがわかりました。その数、何と21個!そんなに増えていたとは。一応、以下にリストアップしてみます。iOS用apple-touch-icon-60x60.pngapple-touch-icon-72x72.pngapple-touch-icon-76x76.pngapple-touch-icon-114x114.pngapple-touch-icon-120x120.pngapple-touch-icon-144x144.pngapple-touch-icon-152x152.pngapple-touch-icon.pngapple-touch-icon-precomposed.png以上で21個。12用は省略できるかもしれないですが、それでも19個。いうファイルも用意する必要があります。結局、ブラウザやデバイスが増えると、それに応じてfaviconも増えていくんですね。SVGのfaviconに対応してくれるとファイル数を大幅に減らせそうですが、まだ普及しそうにない模様。faviconを一括生成するさて、さすがにこれだけの数になると、1つずつ生成するのは面倒です。Generator」というサービスがなかなか良さそうです。このWebサービスでは、260x260以上のファイルを指定すると、上記の21個のファイルすべてを生成してくれます。入れるコードも表示してくれるので、そのコードを入れると、すぐに使えるようになります。便利なのは、Webサイトのfaviconをテストしてくれる機能があることです。favicon」という欄にサイトのURLを入れると、そのサイトのfaviconが正しく設置されているかテストして、その結果を表示してくれます。以前は、faviconを設置した後で、いろいろなブラウザできちんと表示されるかどうか苦労して確認していましたが、この機能を使えば一発でチェックできます。(ただし、念のために、実際の確認も行った方が良いと思います。管理されているところがまた素晴らしい。ブラウザの仕様が変わったり、新たなデバイスが出たとしても、それがissuesで指摘され、サポートされると期待できるわけです。サポートするための情報もすでに上がっています。)faviconのような、複数のソフトやデバイスに渡る情報を一人で追いかけるのは結構大変なので、そこに集合知を使うというのは非常にうまいやり方だと思います。個人的に、今後のfavicon作成はこのWebサービス一択になりました。(1)月別アーカイブ検索リンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!shimoxさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。