web制作覚え書き

ファビコンとウェブクリップアイコンの設定の仕方

フォトショで2種類作る

  1. スマホ用ウェブクリップアイコン 透過はダメ・背景設定(透過させると意図せず黒になったりする)
    152×152px ファイル名 apple-touch-icon-152×152.png
    大きさは諸説ありますが私は152*152一択で落ち着いてます。
  2.  PC用ファビコン 透過OK 16×16px ファイル名 favicon-16×16.png
  3. ヘッダーに下記の通り設定(スマホ用はフルパスにすること、引越し後変更忘れないように)
<link rel="apple-touch-icon" href="images/apple-touch-icon-precomposed.png"><--(フルパス)-->

<link rel="shortcut icon" href="images/favicon.ico" >

    この記事を元に問い合わせる








    ※確認画面は出ません。そのまま送信されますので、よくご確認の上送信ボタンを押してください。

    ※不具合などで送れない場合は、お手数ですが info@nagakute-design.comまたは090-6363-6760(深谷)まで連絡下さい。