Webデザインのこと、いろいろ

Webデザインにまつわることを自分用にメモしています。

スマホのタッチアイコンを設定する

タッチアイコンを設定する:完成版にリンク
タッチアイコンの設定方法 - WEBサイト制作の勉強|フェリカテクニカルアカデミー:参考サイト

作成した画像
f:id:sankoblog:20160707222659p:plain
192px × 192px、pngデータ

<!DOCTYPE HTML>
<html lang="ja">

<head>
<meta charset="utf-8">
<title>タッチアイコンを設定する</title>
<meta name="apple-mobile-web-app-title" content="testtest">
<link rel="stylesheet" href="css/style.css">

<!-- iOS Safari and Chrome -->
<link rel="apple-touch-icon" sizes="192x192" href="touch_icon01.png">

<!-- Android標準ブラウザ(一部) -->
<link rel="shortcut icon" href="touch_icon01.png">
</head>

<body>
</body>
</html>