فیوی کون کیسے بنائیں
ہر جگہ نظر آنے والے فیوی کون کے لیے درکار سائز، فارمیٹ اور کوڈ۔
فیوی کون وہ چھوٹا سا آئیکن ہے جو براؤزر ٹیب میں، بک مارکس میں اور Google کے موبائل سرچ نتائج میں آپ کی سائٹ کے ساتھ نظر آتا ہے۔ فیوی کون نہ ہو تو سائٹ ادھوری لگتی ہے، اور دھندلا فیوی کون اس سے بھی برا لگتا ہے۔ ایک اچھا فیوی کون بنانے میں صرف چند منٹ لگتے ہیں۔
درست ڈیزائن سے شروع کریں
فیوی کون 16 ضرب 16 پکسل جتنا چھوٹا بھی دکھایا جاتا ہے، اس لیے الفاظ والا پورا لوگو پڑھا ہی نہیں جائے گا۔ کوئی سادہ نشان استعمال کریں: لوگو کا علامتی حصہ، ایک ابتدائی حرف، یا اپنے برانڈ کے رنگ میں کوئی نمایاں شکل۔ اسے آزمانے کے لیے اسکرین پر اس کا سائز چوتھائی کر کے دیکھیں: اگر پھر بھی پہچان سکیں کہ یہ کیا ہے تو یہ کام کرے گا۔
کم از کم 512 ضرب 512 پکسل کی مربع تصویر سے شروع کریں، بہتر ہے کہ شفاف بیک گراؤنڈ والی PNG ہو۔ اگر آپ کا لوگو مربع نہیں ہے تو تناسب 1:1 پر لاک کر کے اسے مربع شکل میں کراپ کریں۔
آپ کو کون سی فائلیں چاہییں
| فائل | سائز | کون استعمال کرتا ہے |
|---|---|---|
| favicon.ico | اس میں 16، 32 اور 48 پکسل کے ورژن ہوتے ہیں | براؤزرز، پرانے سسٹمز، /favicon.ico کی ڈیفالٹ درخواست |
| ایک PNG آئیکن | 32 ضرب 32 اور 192 ضرب 192 | جدید براؤزرز، Android ہوم اسکرینز |
| apple-touch-icon.png | 180 ضرب 180 | iPhone اور iPad کی ہوم اسکرین کے بک مارکس |
Google Search بھی نتائج میں آپ کا فیوی کون استعمال کرتا ہے۔ اس کے لیے ضروری ہے کہ یہ کم از کم 48 ضرب 48 پکسل کا مربع ہو اور آپ کی سائٹ پر کرالر کی پہنچ میں ہو۔
ICO فائل بنانا
اپنی مربع PNG کو PNG سے ICO کنورٹر میں ڈالیں۔ یہ ایک اصلی .ico فائل بناتا ہے جس میں وہ چھوٹے سائز شامل ہوتے ہیں جو براؤزرز مانگتے ہیں۔ PNG ورژنز کے لیے اسی مربع تصویر کا سائز تبدیل کر کے 180، 192 اور 32 پکسل کر لیں۔
اسے اپنی سائٹ پر لگانا
favicon.ico کو اپنی سائٹ کے روٹ فولڈر میں اپ لوڈ کریں تاکہ یہ yoursite.com/favicon.ico پر دستیاب ہو، اور اپنے صفحات کے head میں یہ لائنیں شامل کریں:
<link rel="icon" href="/favicon.ico" sizes="any"> <link rel="icon" type="image/png" href="/ur/icon-192.png" sizes="192x192"> <link rel="apple-touch-icon" href="/ur/apple-touch-icon.png">
WordPress پر Appearance، Customize، Site Identity میں جائیں اور ایک مربع تصویر Site Icon کے طور پر اپ لوڈ کریں؛ WordPress آپ کے لیے تمام سائز خود بنا دیتا ہے۔ Shopify، Wix اور Squarespace میں سے ہر ایک میں سائٹ یا تھیم کی سیٹنگز میں فیوی کون کی سیٹنگ موجود ہے۔
جب نیا فیوی کون نظر نہ آئے
براؤزرز فیوی کون کو بڑی ضد سے کیش میں رکھتے ہیں۔ سائٹ کو پرائیویٹ ونڈو میں کھولیں، یا براہِ راست yoursite.com/favicon.ico پر جا کر صفحہ ریفریش کریں۔ Google کو سرچ نتائج میں آئیکن اپ ڈیٹ کرنے میں آپ کا ہوم پیج دوبارہ کرال کرنے کے بعد دن یا ہفتے لگ سکتے ہیں۔
عام غلطیاں
- چھوٹے متن والا پورا لوگو استعمال کرنا، جو 16 پکسل پر محض ایک دھبہ بن جاتا ہے۔
- شفاف بیک گراؤنڈ پر سفید آئیکن، جو ہلکے رنگ کے براؤزر ٹیبز پر غائب ہو جاتا ہے۔
- صرف 16 پکسل کی ننھی سی فائل دینا، جو زیادہ ریزولوشن والی اسکرینوں پر دھندلی لگتی ہے۔
- /favicon.ico پر فائل رکھنا بھول جانا، جسے کچھ براؤزرز اور کرالرز ہر حال میں مانگتے ہیں، چاہے صفحہ کچھ بھی کہے۔