ウェブクリップアイコンを作ろう

やっとマイコプラズマ肺炎が完治したatsushiです。emoji877.gif

スマホでよく見るページをホーム画面に登録したことありますか?

その際、ホームがメインにアイコンが表示されると思いますが、どんなアイコンが表示されるでしょうか?

実は、そのアイコンをデザインすることができるのです。emoji205.gif

それが、ウェブクリップアイコンです。

このウェブクリップアイコンを設定していないと、iPhoneだとそのページのスクリーンショットがアイコン化されるようです。(Androidユーザーなので詳しくは知りません…)

Androidだとそのサイトのドメインの頭文字がアイコンになります。

実際の設置に関しては、apple-touch-iconを作成してhead内に記述してあげるだけです。

apple-touch-iconの画像サイズは、いくつかあるようですが、152×152pxで作成しています。

スマホが中心になってくることを考えてるときちんとこうした部分もデザインしておくことが必要になりますね。sayonara.gif

トラックバックURL