16:58URL横のファビコンやiphoneのホーム画面に表示させる、アップルアイコン、ファビコンの作成方法と設置方法:黒ブタどーもこんばんは、黒ブタです。今日はWEB制作の記事を書きたいと思います。今回はPCのURL入力横にある小さい可愛らしい画像(ファビコン)やiphoneのホーム画面などに表示するアップルアイコン、アイコンの設定方法をご紹介します。ファビコンとはなんぞや?という方の為にまずは画像を用意しました。これの事でございます。アップルアイコンとは?という方の為に、「ドドン!」とこちらもご用意。お気に入りのサイトのホーム画面への設置方法を知りたいという方の為にも、今回はそれもご案内させていただきます。iPhoneのSafariを起動し、お気に入りのサイトを開きます。画面下にバーがありますので真ん中の子のボタンをタップします。しますと、このような画面が出てきますので、ホーム画面に追加を押します。すると、ホームで表示する名前を任意で変更できるので、追加を押して完了です。ここからが本題のアップルアイコンとファビコンの設置方法。表示させる画像をフォトショやイラレを使って制作します。したらば、然るべきフォルダに保存します。保存した画像の埋め込み場所はhtmlファイルのlink属性に書き込みます。あ、基本的にmeta要素(属性)、link要素(属性)なので当然「head」内に書き込みます。ホームへ追加する際に初期状態で表示させるタイトルはメタ属性で書き込みます。ワードプレス(WordPress)でのコードはテンプレートタグを用いても良いですし、絶対パスで書き込んでもokです。content="黒ブタBLOG">このようになります。普通にjpgやpngで保存したら、変換が簡単にできる便利なサイトがあるのでそちらで変換します。変換サイトhttp://app.tree-web.net/icon_converter/サイズですが、ファビコン(favicon.ico)は64×64(px)アップルアイコン(touch-icon-iphone.png)は150×150(px)くらいあれば足りるかと思います。黒ブタBLOG.MENU。