更新中。

サイトアイコンをスマホのHome画面に表示させる「apple-touch-icon」

ネイティブアプリと同じように、ウェブサイトのアイコンもスマートフォンのホーム画面上に表示させることができます。これによって、登録したサイトをすぐに見ることができるようになります。

この1行を追加するだけ!

<link rel="apple-touch-icon" href="icon.png">

角丸と光沢エフェクトをOFFにしたいとき

<link rel="apple-touch-icon-precomposed" href="icon.png">

未対応端末のために両方指定しておこう

<link rel="apple-touch-icon-precomposed apple-touch-icon" href="icon.png">

執筆者Writer

AnTytle

2014年頃にAnTytleを設立。当初はプログラミング記事を書いていたが、2016年にYouTubeチャンネルのゲーム動画がヒットし、以来ゲーム分野にピボットした。

コメントComment

ログインするとサムネや名前を表示できます。