นี่ไม่เกี่ยวข้องกับ OS X ดังนั้นฉันจะให้ผู้ควบคุมย้ายคำถามนี้ไปยังเครือข่ายอื่น แต่ฉันจะตอบคำถามนี้ต่อไป สิ่งที่คุณกำลังพูดถึงคือ Apple Touch Icon ซึ่งสามารถนำไปใช้งานได้โดยใช้มาร์กอัปด้านล่าง:
<link rel="apple-touch-icon" sizes="57x57" href="https://apple.stackexchange.com/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="https://apple.stackexchange.com/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="https://apple.stackexchange.com/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="https://apple.stackexchange.com/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="https://apple.stackexchange.com/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="https://apple.stackexchange.com/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="https://apple.stackexchange.com/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://apple.stackexchange.com/apple-touch-icon-152x152.png">
มีหลายขนาดเนื่องจากต้องรองรับจอแสดงผล Retina และไม่ใช่จอ Retina
ที่มา: CSS Tricks