タグ

iPhoneとiconに関するdotredのブックマーク (3)

  • iPhone Style Icon Generator

    Service Introduction: The online tool helps to create iPhone style icon from photo and image files. You can use the icon generated at web design, forum, social community website, MSN avatar or replace Windows Desktop icon and so on. It could also generate a cool favicon for you too, if needs. Upload Accepted: JPG, PNG, GIF, BMP, ICO and TIFF file format images. Max File Size: less then 5MB. Export

    iPhone Style Icon Generator
  • 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

    iPhone / iPad サイズ別 apple-touch-icon.png 作成
  • WebClipアイコン(Apple touch icon)の覚え書き

    昨日のやつ(あなた専用のiPhoneアプリを作るサービス、始めました。 | itFun.jp)の補足と言うか、ネットだと意外と間違った?情報が多かったので自分なりにWebClipアイコンに関してまとめてみたいと思います。 iPhone/iPod TouchにはWebサイトをSafariのブックマーク以外にネイティブアプリと同じようにアイコンをホームスクリーンに置くことが出来ます。 この方法はすごい簡単で、Web開発者の方は<head>の中に <link rel="apple-touch-icon" href="apple-touch-icon.png"> を書き込むだけ! これで、hrefに指定した画像がホームスクリーンに追加する際にアイコンとして表示されます。 んで、ここからネットの情報と違うところ。 (ダウト)ファイル名は必ずapple-touch-icon.pngで無ければならない

    WebClipアイコン(Apple touch icon)の覚え書き
  • 1