tamlog

主にwebのフロント回り たまに登山

iPhoneのwebクリップアイコン作成方法

スポンサーリンク

iPhoneのホーム画面には、webサイトへのショートカットを置くことができます。 これがあると"っぽく"見える気がしませんか?? 以外と簡単に作成できるので試しに作ってみました。 ぜひ参考に ♪♪

webクリップアイコンの作りかた なんと2ステップで出来ちゃいます!!では始めます。
1.画像を作成します。 2.htmlにタグをリンクします。
1.画像を作成 ポイント!!  ・pngで作成します。  ・大きさは、114x X 114px  ・光沢 角丸は設定はしません。 これで画像は完成!!後は設定だけ。
2.設定方法 htmlのheadタグ内に記述します。 方法は2つあります。どちらでもOKなので好きな方で設定してください。 このときに光沢の設定ができます。
ドキュメントルート(index.htmlと同じ階層)に下記名称で保存 [html] 光沢つける apple-touch-icon.png 光沢をつけない apple-touch-precomposed.png [/html] リンクさせる [html] 光沢をつける 光沢つけない [/html]

実際にはこんな感じです。

webクリップアイコン

なんか"っぽい"ですね。 よかったらおためしを ♪♪