ویب ڈویلپرز اور ویب سائٹ کے مالکان توجہ دیں: آپ کو ریٹنا کے لیے تیار iOS بک مارک آئیکن سیٹ کرنے کی ضرورت ہے۔ بک مارک آئیکنز کو ایپل ٹچ آئیکن کہا جاتا ہے، اور یہ حسب ضرورت تصاویر وہ آئیکن بن جاتی ہیں جو صارف کی ہوم اسکرین پر ظاہر ہوتی ہیں جب وہ کسی آئی پیڈ پر کسی ویب سائٹ کو بک مارک کرتے ہیں، iPhone، یا iOS میں iPod touch، یا OS X کے لیے Safari کا بک مارکس پینل۔اپنی مرضی کے مطابق ایپل ٹچ آئیکن فائل سیٹ کے بغیر، صارفین کو ویب پیج کا ہی بورنگ اور اکثر بدصورت تھمب نیل ملے گا، اور ریٹنا کے لیے تیار آئیکن کا استعمال کیے بغیر، بُک مارکس آئیکن نئے آئی پیڈ اسکرین پر پکسلیٹڈ اور عام طور پر خوفناک نظر آئے گا۔

چند آسان مراحل میں کسی بھی ویب سائٹ کے لیے ریٹنا پرفیکٹ ایپل ٹچ آئیکن بنانے کے لیے آپ کو یہ کرنا ہے۔

1) ریٹنا کے لیے تیار iOS ویب سائٹ کا آئیکن بنائیں

ایک ٹیمپلیٹ استعمال کریں یا اپنا ڈیزائن بنائیں۔ میں نے پچھلی پوسٹ میں ذکر کردہ آسان DIY ریٹنا آئیکون کٹ استعمال کی، یہ ایک PSD فائل ہے جو اچھے لگنے والے iOS آئیکنز کو ایک یا دو کلک کی طرح ڈیزائن کرنا آسان بناتی ہے۔ کسی ویب سائٹ یا کمپنی کا لوگو چسپاں کریں اور آپ جانے کے لیے بہت اچھے ہیں۔ اگر آپ کے پاس PSD فائلوں میں ترمیم کرنے کے لیے کچھ نہیں ہے تو، فوٹوشاپ CS6 بیٹا بہترین اور ڈاؤن لوڈ اور استعمال کرنے کے لیے مفت ہے جب تک کہ سال کے آخر میں حتمی ورژن سامنے نہ آجائے۔

2) PNG کے بطور محفوظ کریں اور ریٹینا ویب سائٹ کے بُک مارک آئیکن کو نام دیں

آئیکن کا PNG ہونا چاہیے، اور اسے دو چیزوں میں سے ایک کا نام دیا جانا چاہیے۔ ہر فائل کا نام آئیکن کی قدرے مختلف شکل پیش کرتا ہے جیسا کہ صارفین کی ہوم اسکرین پر ظاہر ہوتا ہے:

• “apple-touch-icon.png” آئیکن پر ہائی لائٹ ببل اوورلے شامل کرے گا
• “apple-touch-icon-precomposed.png” آئیکن کو ظاہر کرے گا جیسا کہ اصل میں بنایا گیا ہے، بغیر ہائی لائٹ اوورلے کے

اگر آپ نے اپنی ہائی لائٹ بنائی ہے، یا اگر آپ چاہتے ہیں کہ آئیکن زیادہ فلیٹ ظاہر ہو، جو کہ ایپل کے زیادہ تر ڈیفالٹ آئیکنز پر ظاہر ہوتا ہے، استعمال کریں۔

3) ویب سائٹ بک مارک ٹچ آئیکن کو بیس ویب ڈائرکٹری پر اپ لوڈ کریں

Apple-touch-icon.png فائل کو روٹ ویب ڈائرکٹری میں کاپی کرنے کے لیے ایک SFTP کلائنٹ (OS X میں فائنڈر میں FTP شامل ہے، اور CyberDuck یا Filezilla مفت ہیں) استعمال کریں۔ یہ عام طور پر وہی جگہ ہوتی ہے جہاں سائٹس کی مین انڈیکس فائل ہوتی ہے۔ ایک بار اپ لوڈ ہونے کے بعد، ویب براؤزر کھول کر اور "http://SITEURL.com/apple-touch-icon.png" پر جا کر تصدیق کریں کہ یہ مناسب جگہ پر ہے اور اس کے لوڈ ہونے کو یقینی بنائیں۔

یہاں OSXDaily.com سے 512×512 ریٹنا کے لیے تیار بک مارک آئیکن کی ایک مثال ہے:

نوٹ کریں کہ -پری کمپوزڈ جھنڈے کے بغیر، اوپر کا آئیکن ہائی لائٹ بلبل کو ظاہر کرے گا۔ آپ اصل آئیکن کا اسکرین شاٹس میں بُک مارک کے طور پر دکھائے گئے آئیکن کا موازنہ کرکے دونوں کے درمیان فرق دیکھ سکتے ہیں۔

4) ایک iOS ڈیوائس استعمال کریں اور سائٹ کو بُک مارک کریں

یہ سب سے آسان حصہ ہے، ایک iOS ڈیوائس (ترجیحا طور پر ریٹنا کے پہلو کی تصدیق کے لیے آئی پیڈ 3) پکڑیں ​​اور سفاری کھولیں۔اس ویب سائٹ کو ریفریش کریں جس پر آپ نے آئیکن اپ لوڈ کیا ہے، اور پھر تیر کے نشان پر ٹیپ کریں اور "ہوم اسکرین میں شامل کریں" کو منتخب کریں بُک مارک کا نام دیں، پھر ہوم اسکرین پر واپس جائیں تاکہ تصدیق ہو سکے کہ یہ وہاں ہے۔

512 x 512 پکسلز ہونے کے باوجود، ریٹنا آئیکن پرانے آئی فونز اور نان ریٹنا ڈیوائسز پر ٹھیک ہو جائے گا۔ اگر آپ واقعی چاہتے ہیں تو، آپ مختلف ڈیوائسز پر مختلف سائز کے آئیکون دکھانے کے لیے CSS اور HTML کا استعمال کر سکتے ہیں، لیکن یہ واقعی ضروری نہیں ہے۔

اب اگر کوئی آپ کی ویب سائٹ کو آئی پیڈ پر ریٹینا ڈسپلے کے ساتھ بک مارک کرتا ہے تو یہ ان کی ہوم اسکرین پر بہت بہتر نظر آئے گا۔ اس میں واقعی یہ سب کچھ ہے۔ اور ہاں، ہم ایپل ٹچ آئیکن کے بارے میں پہلے بھی لکھ چکے ہیں، لیکن اب یہ ایک اور ذکر کا مستحق ہے کہ آئی پیڈ 3 نمایاں طور پر زیادہ ریزولوشن آئیکنز اور گرافکس کا مطالبہ کرتا ہے۔