ホーム画面にサイトのアイコンを表示させる - 新世代Web制作テクニック総特集 - MdN Design Interactive
スマートフォン 21 ホーム画面にサイトのアイコンを表示させる スマートフォンでは、ブックマークだけではなく、ホーム画面にサイトへのショートカットアイコンを設定できる。特にiPhoneは初期設定だとサイトのキャプチャになってしまうので、きちんと見やすいアイコンを設定しておこう。 制作・文／馬鳥豪樹（WEB Drawer） BROWSER iOS Andoroid 01 まずは前提知識として、スマートフォンでホーム画面にショートカットをどのように登録するかについて紹介しておこう。iPhoneとAndroidでは手法が異なる点にも注意が必要だ。 02 iPhoneの場合はまず、ホーム画面に登録したいページを開き、ディスプレイ下部の中央のアイコンをタップする【2-1】。 操作メニューが表示されるので「ホーム画面に追加」ボタンをタップしよう【2-2】。 続けてアイコンの確認とホーム画面での表示名を
スマホサイト対策！ウェブクリップアイコンの設定を忘れずに | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！サリーです。 昔は、設定していたら「あらオシャレ」くらいの感覚だったfaviconも、近頃はすっかり必須項目となってまいりました。 ▲ちなみにLIGのfaviconはこんな感じ その一方で、最近ではスマホ用の「ウェブクリップアイコン」というものがあります。 これがちゃんと設定してあると「おっ」て思います。とっても簡単なので設定してみましょう。 ウェブクリップアイコンって？ スマホではホーム画面にブックマークのアイコン（タップでブラウザが立ち上がり任意のサイトが開くアイコン）を置くことを、「ウェブクリップ」と呼びます。 そのときホーム画面で使用されるアイコンの事をそのまんま「ウェブクリップアイコン」と呼ぶのですね。 ウェブクリップアイコンをホーム画面に設置する方法 iPhoneなどの場合 iPhone/iPod touch/iPadでは、Safariでサイトを開き、下部中央の共有
iPhoneやiPadでサイトをホーム画面に追加したときに出すアイコンの作成方法
iPhone、iPad、iPod touchのウェブブラウザ「Safari」には、Webクリップと言って、閲覧中のサイトのショートカットのためのアイコンをホーム画面に追加することができます。 iPhoneなどのSafariで表示されるアイコンとはこれ。 iPhoneでは簡単にホームにアイコンを追加できます。 僕も頻繁に閲覧するサイトでよくやります。 まず、下のメニューの真ん中の「四角から矢印が飛び出ているマーク」をタップします。 すると、メール送信、TwitterやFacebookで投稿などができる画面になります。ここの「ホーム画面に追加」を選択します。 任意でタイトルをつけることができます。（デフォルトでは、そのページのタイトルタグが表示されます。） タイトルを決めたら「追加」をタップ。 簡単にアイコンが追加されました。
Androidは「apple-touch-icon」でいろいろハマるので要注意 ｜ Tips Note by TAM
iPhoneとAndroidでは、タグ内に下記のような記述をすることで、 用意した画像（icon_tipsnote.png）をホーム画面にショートカットアイコンとして 設置することができます。 【例】 <link rel="apple-touch-icon" href="images/icon_tamkun.png"> Androidで、こちらで用意した画像をショートカットアイコンとして表示させる際に いろいろハマってしまったので、次はそうならないように覚書です。 （画像サイズ他、ショートカットアイコン設置に関する具体的な方法は割愛します） 【その1：ベーシック認証がかかっている場合は要注意】 ショートカットアイコンを設定したページを、テスト環境と 公開前の本番環境（ベーシック認証のかかった状態）にアップロードして 表示・動作確認を行なっていたところ、 テスト環境下では、問題なく「appl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【アプリアイコン制作】必要なアイコンサイズまとめ＆気をつけたいこと：※ iPhone 6 Plus追加 | 日本VTR実験室
