যদি আপনার নিজের একটি ওয়েবসাইট থাকে বা আপনি অন্য কারো জন্য একটি ডেভেলপ করছেন, তাহলে ব্যবহারকারীদের iOS হোম স্ক্রিনে প্রদর্শিত সংরক্ষিত বুকমার্ক আইকনটি আপনার কাস্টমাইজ করা উচিত। উপরের স্ক্রিনশটে আপনি একটি আইফোনের স্ক্রিনে বসে কাস্টম OSXDaily ফেভিকন দেখতে পাবেন।

অ্যাপল টাচ আইকন সেট করা একটি ভাল ধারণা কারণ ডিফল্টরূপে iOS সাইটের একটি ছোট থাম্বনেইল সংরক্ষণ করবে৷ ছোট থাম্বনেইলগুলি সনাক্ত করা প্রায়শই কঠিন হয় এবং সাধারণত তেমন দুর্দান্ত দেখায় না, তাই এর পরিবর্তে আপনার নিজস্ব ফেভিকন চিত্র সেট করা যাক।

কীভাবে একটি ওয়েবসাইটের জন্য অ্যাপল টাচ আইকন কাস্টমাইজ এবং সেট করবেন

• আইকনটি তৈরি করুন, নিশ্চিত করুন যে এটি একটি বর্গাকার, এখানে OSXDaily.com এর একটি 512×512 পিক্সেল, কিন্তু আপনি যদি সত্যিই চান তবে আপনি অন্য বর্গাকার মাপ বেছে নিতে পারেন - নোট বড় এর জন্য উপযুক্ত রেটিনা প্রদর্শন
• হোমস্ক্রীন আইকনটিকে একটি PNG ফাইল হিসাবে সংরক্ষণ করুন এবং এটিকে লেবেল করুন: apple-touch-icon.png
• apple-touch-icon.png রুট ওয়েব সার্ভার ডিরেক্টরিতে ড্রপ করুন, যাতে এটি domain.com/apple-touch-icon.png এ অ্যাক্সেস করা যায়
• iOS-এ Safari থেকে সাইটটিতে গিয়ে আপনার ওয়েবসাইটের হোমস্ক্রীন বুকমার্ক আইকন পরীক্ষা করুন এবং তারপরে "হোম স্ক্রীনে যোগ করুন" এ আলতো চাপুন
• iOS ডিভাইসের হোমস্ক্রীনের দিকে তাকান এবং আপনি উপরের স্ক্রিনশটের মতো আপনার নতুন কাস্টম আইকনের সাথে বুকমার্কটি সংরক্ষিত দেখতে পাবেন

যতক্ষণ ফাইলটি সঠিকভাবে নামকরণ করা হয় এবং ওয়েব সার্ভারের রুট ডিরেক্টরিতে, মোবাইল সাফারি এটির সাথে কী করতে হবে তা জানবে তাই iOS নির্দিষ্ট ফ্যাভিকন দেখানোর জন্য আর কোনো সমন্বয়ের প্রয়োজন নেই৷

রেফারেন্সের জন্য, এখানে আমাদের কাস্টম 'apple-touch-icon.png' ইমেজ রয়েছে যা আমরা OSXDaily.com-এর জন্য ব্যবহার করি, এই উদাহরণ বুকমার্ক আইকনটি তৈরি করা হয়েছে এবং রেটিনা ডিসপ্লে ():

আপনি লক্ষ্য করবেন যে আসল আইকন ফাইলটিতে আলোর প্রতিসরণ আইকনে সংরক্ষিত নেই, iOS এটি নিজেই পরিচালনা করে। আপনি চাইলে যে কোনো ছবি ব্যবহার করতে পারেন, তবে আমি এমন একটি তৈরি করার সুপারিশ করব যা বিদ্যমান iOS আইকনগুলির পরিচিত UI ক্যাপচার করে।

এটি স্পষ্টতই একটি ডেডিকেটেড iOS অ্যাপ থাকার মতো নয়, তবে ওয়েব থেকে একটি শালীন মোবাইল ব্যবহারকারীর অভিজ্ঞতা একটি ভাল ধারণা এবং এটি একটি iOS অ্যাপ তৈরির উচ্চ মূল্য হতে পারে তা এড়িয়ে যায়৷

এবং আরে, আপনি যদি এই ধরনের জিনিস নিয়ে উদ্বিগ্ন হন, তাহলে আপনি সম্ভবত ফটোশপ ব্যবহার করে অন্তত আইকন ডিজাইন করতে চান? সুতরাং আপনি এটিতে থাকাকালীন কিছু পরীক্ষা করে দেখুন।