iOS(iPhone、iPad)とMac OSアプリに必要な全サイズのアイコンを一度に書き出す方法 | HAPPY*TRAP
AppIcon iOS(iPhone、iPad)とMac OSアプリに必要な全サイズのアイコンを簡単に書き出す方法です。 手前味噌ですが、Macアプリの「AppIcon」を使うのが手軽です。 AppIcon (¥85) ジャンル：開発ツール 「AppIcon」の小窓に、アイコンの元になる画像ファイル(PNG形式)をドロップして、「Export」ボタンをクリックするだけです。 iOS(iPhone、iPad)アプリの場合は、10種類のPNGファイル、Mac OSアプリの場合は1つのICNSファイルか10種類のPNGファイルが一度に書き出されます。 for iOSアプリ ファイル名 キャンバスサイズ (ピクセル) Icon.png 57 x 57 Icon@2x.png 114 x 114 Icon-72.png 72 x 72 Icon-72@2x.png 114 x 114
iOS safari：ホームアイコン | Design Drill Diary
今回もwebデザイニングの2011.11月号のスマートフォン向けの記事をもとに勉強していきます。 スマートフォンのブラウザではブックマークだけでなくホームボタンにリンクアイコンを配置する ことができます。このときホーム画面に表示されるのが「ホームアイコン」です。 ホームアイコンはhead領域にlinkタグで設定します。 ・光沢処理の有無 今回、仮作成したホームアイコン用の画像（114×144）はこちら。光沢をいれたデザインに しました。まずは最小限の設定だけでサンプルで確認しましょう。ソースには下記の通り。 ホームアイコンの設定（最小設定）をしたサンプル <link rel="apple-touch-icon" href="../images/home114.png" /> キャプチャ画像を紹介する前に、もう１つ別の設定を紹介します。iPhone/iPod/iPadでは ホームアイコンを作
スマホサイト対策！ウェブクリップアイコンの設定を忘れずに | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！サリーです。 昔は、設定していたら「あらオシャレ」くらいの感覚だったfaviconも、近頃はすっかり必須項目となってまいりました。 ▲ちなみにLIGのfaviconはこんな感じ その一方で、最近ではスマホ用の「ウェブクリップアイコン」というものがあります。 これがちゃんと設定してあると「おっ」て思います。とっても簡単なので設定してみましょう。 ウェブクリップアイコンって？ スマホではホーム画面にブックマークのアイコン（タップでブラウザが立ち上がり任意のサイトが開くアイコン）を置くことを、「ウェブクリップ」と呼びます。 そのときホーム画面で使用されるアイコンの事をそのまんま「ウェブクリップアイコン」と呼ぶのですね。 ウェブクリップアイコンをホーム画面に設置する方法 iPhoneなどの場合 iPhone/iPod touch/iPadでは、Safariでサイトを開き、下部中央の共有
WebサイトをiPhone,iPadのホーム画面に追加したときに表示されるショートカットアイコンの作り方＆指定方法
まぁ、「これ以上大きくてもおｋ」とは書いてありますが、iPhoneに表示されるアイコンのサイズは決まっておりますので114×114pxで作成するのが無難でしょう。 画像が用意できたらアップロード、そしてheadタグ内に [html]<link rel="apple-touch-icon" href="画像パス" /> [/html] を追加します。 これだけ。 ちなみに、「apple-touch-icon」の部分を「apple-touch-icon-precomposed」とすると、iPhoneアイコン特有のつや出し効果を拒否することもできます。（角丸効果は防げません） Webサイトのホーム画面への追加方法 さて、早速アイコンを設定した自分のブログをiPhoneでホーム画面に設定してみました。 ホーム画面にショートカットを追加したいページをSafariで開いて下部真ん中のアイコンをタップ。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
