การเพิ่มไอคอนสำหรับ iPhone/iPad
เมื่อผู้ใช้เพิ่มหน้าเว็บเป็นบุ๊กмарกบนอุปกรณ์ iOS จะใช้ไฟล์ apple-touch-icon.png หรือระบุผ่านแท็ก <link>
รูปแบบพื้นฐาน
<link rel="apple-touch-icon" href="touch-icon-iphone.png">
ระบุขนาดสำหรับอุปกรณ์ต่างๆ
<link rel="apple-touch-icon" sizes="160x160" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="170x170" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-ipad-retina.png">
ระบบจะเลือกไอคอนที่มีขนาดเหมาะสมกับอุปกรณ์โดยอัตโนมัติ