kazumich.log

apple-touch-icon.png を用意してみました。

この記事は公開日より年以上経過しています

情報が古くなっている可能性がありますのでご注意ください。

:: Blog!NOBON | 「Webクリップ」用アイコン設置サイトリンク集(追記) :: を読んで、みんな用意したりしてるんだなぁって思って、今朝作ってみました。


大きな favicon みたいなもんですね。 検索するといろいろ出てきますが、私もメモとして残しておきます。(公開後少し修正しました)


  1. 60x60pxのPNG画像を用意する。(実際にはマスクされ少し小さくなる)
  2. その画像をapple-touch-icon.pngという名前で保存する。
  3. WebサーバーのWebのルートディレクトリに配置する。

これだけです。 別のファイル名にしたい場合には head タグ内に以下の記述を追記すればいいようです。


<link rel="apple-touch-icon" href="ファイル名" />

作る際には、正方形で角丸も無しで作っておけば、勝手に角丸にしたりテカってしてくれます。 appleple や a-blogwcan も用意してもらおう。(まだ、用意していません)


以下のエントリーがオススメです。


更新

Recommendation

Contact

お問い合わせはこちら