ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
iPhone / iPad サイズ別 apple-touch-icon.png 作成
アイコン（PNG）を指定するには、linkタグで指定する方法と、特定のファイル名で保存する方法の2種類があります。 アイコン画像をlinkタグで指定する 全てのデバイス共通のアイコンを指定するには、次のコードをHTMLのheadタグ内に記入します。 <link rel="apple-touch-icon" href="apple-touch-icon.png" /> さらに、デバイス別にアイコンを変更するには、「sizes」属性でサイズを指定します。iPhone 4（Retinaディスプレイ）の記入例は次のとおりです。 <link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png" /> このようにして3種類のサイズのアイコンを指定すると、次のようなコードになります。 <link rel="a
Apple Touch Icon ( apple-touch-icon ) を Android にも設定したい - ハリーかつき・旧技術ブログ
Apple Touch Iconsのhtmlおよび画像の設定は下記のように設定するのが良いでしょう。 例）アイコンの画像を/sp/common/img/ディレクトリに置いた場合の記述例 ●html <link href="/sp/common/img/apple-touch-icon-precomposed.png" rel="apple-touch-icon-precomposed"> ●iconを置く場所 ルートディレクトリにapple-touch-icon.pngまたは apple-touch-icon-precomposed.png というファイル名でアイコンを置けば、iOS機器では、上記link要素のタグの記述は不要です（自動でapple-touch-iconを認識してくれます） ただし、Androidでは、アイコンを正しく置くだけでは不十分で、上記link要素のタグの記述が必要
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
