あなたのウェブサイトにカスタムロゴiPhoneのアイコンを作成する方法

iPhoneは、ほとんどのウェブマスターのためのモバイルウェブトラフィックの最大のチャンクを表します。だから、それが簡単にカスタムiPhoneのアイコンを使用して、ブックマークをあなたのサイトにiPhoneの訪問者のためにしたいでしょう。カスタムアイコンを作成しない場合、iPhoneはユーザーがあなたのサイトを認識する場合はとても素敵で読み取り可能なグラフィックが良くなると、代わりにあなたのホームページの小さなスクリーンショットを作成します。

これが重要な理由のiPhoneのないあなたのそれらが知っているであろうように、のステップをバックアップしましょう​​。 iPhoneは、ページのいずれかのSafariブラウザのブックマークに追加したり、あなたのサイトへのショートカットとして機能するホーム画面にアイコンを配置することにより、ブックマークに、サイトの訪問者を許可します。誰かが自分のiPhone上のブックマークに自分のiPhoneのSafari Webブラウザの下部中央にページを+記号をクリックすると、彼らは代わりにあなたのページの小型スクリーンショットのカスタムアイコンが表示されます。 。QUOTから＆する方法;ここでブックマークを追加するときに、それがiPhone上で次のようになります

ここでは3ステップ＆QUOTです。作成し、訪問者がサイトをブックマークするとき、iPhoneのホーム画面に表示され、選択＆QUOTますiphone特定のブックマークを掲示に、ホーム画面＆QUOTに追加します。 iphoneが提示したブックマークのオプションから。
アイコン
基本的なHTMLのスキルをアップロードするグラフィックソフト
ログインFTPプログラム
スクエアフォーマットにあなたのロゴ
必要ですもの

説明はここで1

を
私は私のiPhoneが私のためにそれを作成させるときWebSite101のブックマークアイコンは、以下のような感じです。これは、視覚的に説得力はないと誰もが、彼らがブックマーク覚えする助けにはなりません。あなたは、正方形の45X45ピクセルのアイコンは、単に再サイズお気に入りのグラフィックスプログラムを使用して、小さな正方形のフォーマットに合わせてロゴに適合させることができる既存のロゴを持っている場合。私はWebSite101のために作成した既存のTwitterのアイコンを取得し、必要な45ピクセルに73ピクセル四方の大きさを減少させることによって鉱山をしました。
ログイン2

ここでiPhoneのアイコンに必要な正方形フォーマットに合わせて私の適応のロゴです。アップルタッチ-icon.pngと＆QUOT; PNG形式で画像を保存して＆QUOTに名前を付ける（。あなたはここで、白背景に縁を見ることができるので、私は、アウトラインを追加しました）。とFTPプログラムを使用してサイトのルートにそのグラフィックをアップロードします。左のカスタムロゴは、はるかに訪問者がサイトとどのような彼らは、ブックマークを思い出すのに役立つ可能性がある。
ログイン
3

今、あなたのサイトを表すグラフィックアイコンをアップロードしたことを、あなたが得るのですかiPhoneはそれを認識し、その小さなスクリーンショットの代わりに新しいバージョンを使用するには？ ℃に次のコード行を追加します。あなたのページのhead>セクション

＆LT。リンクREL =＆QUOT;リンゴのタッチアイコン＆QUOT; HREF =＆QUOT; /apple-touch-icon.png"。 />で