hamachan.info カテゴリーへ
トップ | ログイン
iPhoneのホーム画面のアイコンを作成
2011年 01月 30日
iPhoneで自分のサイトを起動しやすくするために、Safariのブックマークに保存するよりホーム画面にアイコンを表示しておきたいなと思い、検索すると、すでにたくさんの方がその方法をアップされていました。

iPhoneでブックマークしたいWebページをマークするには、「ブックマークに追加」と「ホーム画面に追加」の二つがあります。

「ホーム画面に追加」をタップすると、表示されたウィンドウがそのままアイコンになってホーム画面に登録されます。
でもそれでは、ちょっと目立たないんですよ。
iPhoneのホーム画面のアイコンを作成_a0030830_2141273.gif

まず、iPhone用のホームアイコンを作成します。簡単に作成できるようなツールもあるようです。

私は画像はありましたので、こちらの方法で作成しました。

アイコンにしたい画像を129X129(px)のPNG画像にして準備します。
iPhoneは、57? iPadは・・・まちまちのようです。
はじめ57X57で作成して、iPhone4ではちゃんと表示されましたが、
いろいろ調べるうちに、もう少し大きな画像にしておく方がいいのかなと思い、
129X129にして、再度アップしました。
手元にiPadがなく、確認はできませんが、iPhone4では、ちゃんと表示されてます。
リサイズされるようです。
*友達に聞いたら、144X144が普通らしいとのことだったので、また作り変えました(^^ゞ

画像を作成したら、そのPNG画像をサーバーへアップします。
そして、HEADタグ内に以下のタグを挿入してアップします。

<link rel="apple-touch-icon" href="PING画像の保存場所(または画像のURL)">

ファビコンを設置するのと同じような感じですね。
3つのサイトとも同じ画像です。面倒なんだもん。(^^ゞ
iPhoneのホーム画面のアイコンを作成_a0030830_21184585.gif

<< Excelをリンクして直接開くには 重複を削除してリストを作成(C... >>



パソコンのお役立ち機能を一緒に学びませんか?[初心者のためのOffice講座 hamachan.info]のサポートブログです。
by はま
サイト内検索
4Kも無料の動画素材サイト【動画AC】
記事ランキング
最新の記事
Office2021の外観が..
at 2023-01-28 08:59
「スタイル」ウィンドウと「編..
at 2023-01-01 20:12
365のPowerPoint..
at 2022-12-14 15:56
条件付き書式の書式設定「塗り..
at 2022-11-07 18:14
「条件付き書式ルールの管理」..
at 2022-11-03 22:49
検索
外部リンク
連絡先
問い合わせ