取扱通貨ペア ごちゃまぜ速報+ iPhone/iPod Touch/iPad 用WebClipアイコンの作り方
fc2ブログ
■コメント数:■トラバ数: ■総記事数:
http://stepmaniaz.blog91.fc2.com/
最新記事一覧

iPhone/iPod Touch/iPad 用WebClipアイコンの作り方

光の翼WebClipアイコンの作り方
iPhone/iPod Touch/iPad で使える Webclip アイコン作成方法を紹介します
主にサイト・ブログ管理者向けの記事ですね。これでHOME画面のアイコンの見栄えが少し良くなるかもしれません

IMG_0089.png
WebClip とはこのような HOME 画面にwebサイトのショートカットとして使用するものです。
ブラウザでいうファビコンの拡大バージョンと思えばいいものでは無いでしょうか
ただ、何も設定していない状態だと上の画像のようにサイト・ブログの縮小図をアイコンとして使用されるため非常に見栄えが悪いものとなってしまいます

そのアイコンの見栄えを良くする方法を今回は紹介しようかなと
簡単なのでサイト・ブログユーザー様は一度試してみてはどうでしょうか
上手く変更出来れば以下のようなアイコンに変化します
IMG_0090.png

方法は二つあるのですがより簡単なほうと思われる方法を紹介します

・まず以下のようなアプリアイコンにしたい画像を用意する
icon_20100919193218.png
大きさは 57x57 ピクセルで PNG 形式の画像が好ましいです

・この用意した画像を適当な場所にアップロードする

・そして タグ内に

<link rel="apple-touch-icon" href="アイコンのURL"/>

<>を半角の<>に変更してアイコンのURLにアイコンがアップロードされているURLに変更する

後は HTML を更新すればアイコンが変更されます
IMG_0091.png



new!
[ 2010/09/19] JailBreakTool | TB(0) | CM(0)




コメントの投稿












管理者にだけ表示を許可する
トラックバック
この記事のトラックバックURL


ブログパーツ