ویب سائٹس کو حسب ضرورت بنانے کے لیے "apple-touch-icon.png" سیٹ کریں iPhone بک مارک فیوی آئیکن

فہرست کا خانہ:

Anonim

اگر آپ کی اپنی ویب سائٹ ہے یا آپ کسی اور کے لیے تیار کر رہے ہیں، تو آپ کو محفوظ کردہ بک مارک آئیکن کو اپنی مرضی کے مطابق بنانا چاہیے جو صارفین کے iOS ہوم اسکرین پر ظاہر ہوتا ہے۔ اوپر والے اسکرین شاٹ میں آپ کو آئی فون کی اسکرین پر اپنی مرضی کے مطابق OSXDaily فیویکن نظر آئے گا۔

Apple Touch Icon کو سیٹ کرنا ایک اچھا خیال ہے کیونکہ پہلے سے طے شدہ iOS سائٹ کا صرف ایک چھوٹا تھمب نیل محفوظ کرے گا۔ چھوٹے تھمب نیلز کی شناخت کرنا اکثر مشکل ہوتا ہے اور عام طور پر وہ اتنے اچھے نہیں لگتے، تو آئیے اس کے بجائے آپ کی اپنی فیویکون تصویر ترتیب دیں۔

کسی ویب سائٹ کے لیے ایپل ٹچ آئیکن کو کس طرح حسب ضرورت اور سیٹ کریں

  • آئیکن بنائیں، یقینی بنائیں کہ یہ ایک مربع ہے، یہاں OSXDaily.com پر موجود ایک 512×512 پکسلز ہے، لیکن اگر آپ واقعی چاہتے ہیں تو آپ دوسرے مربع سائز کا انتخاب کر سکتے ہیں - نوٹ بڑا کریں ریٹنا ڈسپلے
  • ہوم اسکرین آئیکن کو PNG فائل کے طور پر محفوظ کریں اور اس پر لیبل لگائیں: apple-touch-icon.png
  • Apple-touch-icon.png کو روٹ ویب سرور ڈائرکٹری میں چھوڑیں، تاکہ اس تک رسائی domain.com/apple-touch-icon.png پر کی جا سکے۔
  • iOS میں Safari سے سائٹ پر جا کر اپنی ویب سائٹ کے ہوم اسکرین بک مارک آئیکن کی جانچ کریں، اور پھر "Add to Home Screen" پر ٹیپ کریں
  • iOS ڈیوائس کی ہوم اسکرین کو دیکھیں اور آپ کو وہاں اپنے نئے حسب ضرورت آئیکن کے ساتھ محفوظ کردہ بک مارک نظر آئے گا، جیسا کہ اوپر والا اسکرین شاٹ

جب تک فائل کا صحیح نام ہے اور ویب سرورز کی روٹ ڈائرکٹری میں ہے، موبائل سفاری کو پتہ چل جائے گا کہ اس کے ساتھ کیا کرنا ہے لہذا iOS کے مخصوص فیوی کون کو ظاہر کرنے کے لیے مزید ایڈجسٹمنٹ کی ضرورت نہیں ہے۔

حوالہ کے لیے، یہ ہماری حسب ضرورت 'apple-touch-icon.png' امیج ہے جسے ہم OSXDaily.com کے لیے استعمال کرتے ہیں، یہ مثال بک مارک آئیکن کو ریٹنا ڈسپلے کے لیے بنایا گیا ہے اور مناسب سائز دیا گیا ہے ():

آپ دیکھیں گے کہ اصل آئیکن فائل میں آئیکن پر لائٹ ریفریکشن محفوظ نہیں ہوتا ہے، iOS اسے خود ہی ہینڈل کرتا ہے۔ آپ اپنی مرضی کی کوئی بھی تصویر استعمال کر سکتے ہیں، لیکن میں ایسی تصویر بنانے کی تجویز کروں گا جو موجودہ iOS آئیکنز کے مانوس UI کو کیپچر کرے۔

ظاہر ہے کہ یہ ایک سرشار iOS ایپ رکھنے جیسا نہیں ہے، لیکن ویب سے ایک مہذب موبائل صارف کا تجربہ ایک اچھا خیال ہے اور اس سے بچتا ہے کہ iOS ایپ تیار کرنے کی زیادہ قیمت کیا ہو سکتی ہے۔

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

ویب سائٹس کو حسب ضرورت بنانے کے لیے "apple-touch-icon.png" سیٹ کریں iPhone بک مارک فیوی آئیکن