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

iPhoneでブックマークしたいWebページをマークするには、「ブックマークに追加」と「ホーム画面に追加」の二つがあります。
「ホーム画面に追加」をタップすると、表示されたウィンドウがそのままアイコンになってホーム画面に登録されます。でもそれでは、ちょっと目立たないんですよ。
a0030830_2141273.gif


まず、iPhone用のホームアイコンを作成するためのサイトがありますので
紹介しておきます。英語のサイトですが、見るだけで何となくわかる方もいらっしゃると思います。
簡単で凝ったアイコンが作成できそうですね。
iPhone、iTouchのアイコンジェネレータ

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

画像を作成したら、そのPNG画像をサーバーへアップします。
そして、HEADタグ内に↓のタグを挿入してアップします。
<link rel="apple-touch-icon" href="PING画像の保存場所(または画像のURL)">

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

by hama_y | 2011-01-30 21:25 | iPhone |▲TOPへ

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



パソコンのお役立ち機能を一緒に学びませんか?[初心者のためのOffice講座 hamachan.info]のサポートブログです。
by hama_y
サイト内検索
リンク
PROFILE
問い合わせ
プライバシーポリシー
初心者のためのOffice講座
はじめてのMac

[アフィリエイトやるなら]
カンファレンスバナー
[MVP]

Microsoft MVP for Word
(2016.1-2017.12)
Microsoft MVP for Office System
(2009.1-2015.12)

Google+
外部リンク
記事ランキング
最新の記事
フォームのテキストボックスを..
at 2017-03-20 17:29
Windows10でタスクバ..
at 2017-03-11 19:06
メールリンクをクリックしてG..
at 2017-03-07 19:30
Wordの裁ちトンボの印刷は..
at 2017-03-05 14:28
重要なファイルは拡張子を変え..
at 2017-02-23 23:32
カテゴリ
全体
Windows
IME
Office共通
Word
Excel
PowerPoint
Access
Outlook
Internet Explorer
Outlook Express
ホームページビルダー
ATOK
一太郎
筆まめ
筆王
筆ぐるめ
PhotoshopElements
ネットワーク
PCインストラクター
ああ~お客様
(@_@)
iPhone
SharePoint
未分類
以前の記事
2017年 03月
2017年 02月
2017年 01月
more...
検索