Apple Touch Icon কী এবং কেন?
যখন কেউ iPhone বা iPad-এ আপনার ওয়েব পেজটি হোম স্ক্রিনে "Add to Home Screen" করে, তখন এই আইকনটি দেখানো হয়। এটি আপনার ব্র্যান্ড বা সাইটের শনাক্তকরণে সাহায্য করে।
বেসিক আইকন যোগ করা
<link rel="apple-touch-icon" href="touch-icon-iphone.png">
বিভিন্ন ডিভাইস রেজোলিউশনের জন্য একাধিক আইকন
sizes অ্যাট্রিবিউট দিয়ে প্রতিটি ডিভাইসের জন্য উপযুক্ত আকারের আইকন নির্দিষ্ট করুন। ব্রাউজার ডিভাইস অনুযায়ী সেরা আইকনটি আপন شما নির্বাচন করবে।
<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">
সেরা অনুশীলন
- আইকন PNG ফরম্যাটে এবংTransparent ব্যাকগ্রাউন্ডের সাথে তৈরি করুন।
- সর্বোচ্চ রেজোলিউশন (১৮০x১৮০ পিক্সেল) এর একটি ভার্সন রাখুন; ছোট ডিভাইসগুলো সেটিকে ডাউনস্কেল করে নেবে।
<head>ট্যাগের ভিতরে লিংকগুলো রাখুন।
