สำหรับไอคอนหน้าเว็บบน iPhone หรือ iPad ให้ใช้ Apple Touch Icon หรือไฟล์ apple-touch-icon.png ไอคอนนี้ใช้เมื่อมีคนเพิ่มหน้าเว็บของคุณเป็นบุ๊กมาร์ก
สำหรับไอคอนหลายไอคอนที่มีความละเอียดของอุปกรณ์ต่างกัน เช่น iPhone หรือ iPad ให้เพิ่มแอตทริบิวต์ size ให้กับองค์ประกอบลิงก์แต่ละรายการดังนี้ -
<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">
ใช้ไอคอนที่มีขนาดเหมาะสมกับอุปกรณ์
