サイト内検索
...タグ・小技・etc...
Webクリップ用アイコン
Webクリップ用アイコンとは
- Webクリップ用アイコンとは
- iPhone、iPod touch、iPadのホーム画面上のアイコン(サイトの縮小画像)の事です。
Webクリップ用アイコン画像
- 画像のサイズ・形式
- 「GIMP」などの画像処理ソフトで、画像を作っておきます。
画像はPNG形式にします。 - サイズは、縦「144ピクセル」横「144ピクセル」にします。
- iPhone、iPod touch、iPadそれぞれ画面のサイズは違いますが、
- 自動的に縮小・拡大され、形も自動的にトリミングされます。
画像を表示させる
- [サーバーのルートに設置する場合]
- サーバーのルートディレクトリ(一番上のindex.htmlなどと同じ階層)に
- 画像のフィイル名を「apple-touch-icon.png」としてアップロードします。
- サイト全体で、同じWebクリップアイコンが表示されます。
- [任意の場所に設置して、リンクする場合]
- 記述しているページのみに、表示されます。
- 画像名は、任意の名前が指定できます。
-
<head>〜</head>の間に ↓ のソースを記述します。
<link rel="apple-touch-icon" href="img/sample.png" type="image/png" />