فیویکون کیسے بنائیں
فیویکون بنانے کے لیے اوپر اپنا لوگو شامل کریں - یا کوئی حرف یا ایموجی لکھیں - انداز ایڈجسٹ کریں، اور ZIP ڈاؤن لوڈ کریں۔ پیش منظر میں آئیکن ہر اصل سائز میں اور براؤزر ٹیب میں، لائٹ اور ڈارک موڈ دونوں میں دکھایا جاتا ہے۔
- ماخذ منتخب کریں۔ PNG یا SVG لوگو سب سے بہتر رہتا ہے؛ کوئی دوسری تصویر چوکور کے اندر فٹ کر دی جاتی ہے۔ لوگو نہیں ہے؟ رنگین بیک گراؤنڈ پر حرف یا ایموجی استعمال کریں۔
- انداز طے کریں۔ بیک گراؤنڈ کا رنگ یا شفاف، شکل (گول کونوں والا، چوکور یا دائرہ) اور تصویر کے گرد کتنی پیڈنگ ہو۔
- ڈاؤن لوڈ کریں۔ تمام آئیکن ڈاؤن لوڈ کریں مکمل پیکیج دیتا ہے؛ صرف favicon.ico صرف ایک فائل دیتا ہے۔
فیویکون پیکیج میں کیا شامل ہے
| فائل | سائز | استعمال |
|---|---|---|
favicon.ico | 16، 32 اور 48 px | ہر براؤزر، Windows، سرچ نتائج |
favicon-16x16.png, favicon-32x32.png | 16 اور 32 px | براؤزر ٹیبز اور بُک مارکس |
apple-touch-icon.png | 180 px | آئی فون اور آئی پیڈ کی ہوم اسکرین |
android-chrome-192x192.png, -512x512.png | 192 اور 512 px | Android ہوم اسکرین، انسٹال کی گئی ویب ایپس |
site.webmanifest | - | Android اور ویب ایپس کے لیے آئیکن اور رنگوں کے نام طے کرتی ہے |
favicon-html.txt | - | آپ کے صفحات میں پیسٹ کرنے کے ٹیگز |
Apple آئیکن کو ہمیشہ ٹھوس بیک گراؤنڈ اور چوکور کونے ملتے ہیں: آئی فون کونے خود گول کر دیتا ہے اور شفاف حصوں کو کالا دکھاتا ہے۔
فیویکون اپنی ویب سائٹ میں لگائیں
- پیکیج کو ان زپ کریں اور فائلیں اپنی ویب سائٹ کے روٹ فولڈر میں، ہوم پیج کے ساتھ، اپ لوڈ کریں،
تاکہ
yoursite.com/favicon.icoآئیکن کھولے۔ - HTML ٹیگز (اوپر دکھائے گئے، اور
favicon-html.txtمیں) اپنے صفحات کے<head>میں پیسٹ کریں۔ - کیش صاف کر کے ری لوڈ کریں۔ براؤزر پرانے فیویکون سنبھال کر رکھتے ہیں، اس لیے پرائیویٹ ونڈو سب سے تیز جانچ ہے۔
WordPress میں آپ اس کے بجائے 512 px آئیکن کو Customizer میں Site Icon کے طور پر سیٹ کر سکتے ہیں، اور وہ باقی سائز خود بنا لیتا ہے۔
واضح فیویکون کے لیے مشورے
- سادہ رکھیں۔ 16 پکسل پر تفصیلی لوگو دھندلا ہو جاتا ہے۔ متن والے پورے لوگو کے بجائے اپنے لوگو کی علامت، یا اس کا پہلا حرف استعمال کریں۔
- کنٹراسٹ رکھیں۔ براؤزر تھیم کے مطابق ٹیبز لائٹ یا ڈارک ہوتے ہیں - دونوں پیش منظر دیکھیں۔
- پیڈنگ کا خیال رکھیں۔ کم پیڈنگ سے ٹیب میں آئیکن بڑا نظر آتا ہے؛ تھوڑی زیادہ پیڈنگ فون کی ہوم اسکرین پر بہتر لگتی ہے۔
کسی دوسرے سائز کی ایک .ico فائل چاہیے؟ امیج کنورٹر کسی بھی تصویر کو ICO کے طور پر محفوظ کر دیتا ہے۔
اکثر پوچھے گئے سوالات
فیویکون کیسے بنایا جائے؟
اس صفحے کے باکس میں اپنا لوگو یا کوئی بھی چوکور تصویر شامل کریں، یا کوئی حرف یا ایموجی لکھیں۔ بیک گراؤنڈ، پیڈنگ اور شکل ایڈجسٹ کریں، پھر تمام آئیکن سائز اور اپنی سائٹ میں پیسٹ کرنے کے HTML والی ZIP ڈاؤن لوڈ کریں۔
فیویکون کے لیے کون سے سائز درکار ہوتے ہیں؟
16، 32 اور 48 پکسل والا favicon.ico براؤزرز اور Windows کے لیے کافی ہے؛ 180 پکسل کا apple-touch-icon آئی فون اور آئی پیڈ کے لیے ہے؛ 192 اور 512 پکسل کے آئیکن Android اور انسٹال کی گئی ویب ایپس کے لیے ہیں۔ پیکیج میں یہ سب شامل ہیں۔
فیویکون اپنی ویب سائٹ میں کیسے لگایا جائے؟
ZIP کی فائلیں اپنی سائٹ کے روٹ فولڈر میں اپ لوڈ کریں، تاکہ favicon.ico یہاں کھلے: yoursite.com/favicon.ico۔ پھر HTML ٹیگز اپنے صفحات کے head سیکشن میں پیسٹ کر دیں۔
میرا نیا فیویکون کیوں نظر نہیں آ رہا؟
براؤزر فیویکون کو کیش میں کافی دیر تک رکھتے ہیں۔ فیویکون کا ایڈریس براہِ راست کھولیں، ری لوڈ کریں، یا پرائیویٹ ونڈو آزمائیں۔ سرچ نتائج میں تبدیلی آنے میں کئی ہفتے لگ سکتے ہیں۔
کیا میں متن یا ایموجی سے فیویکون بنا سکتا ہوں؟
جی ہاں۔ "حرف یا ایموجی" منتخب کریں، ایک یا دو کریکٹر لکھیں اور رنگ چنیں۔ لوگو کے بغیر صاف ستھرا آئیکن حاصل کرنے کا یہ تیز طریقہ ہے۔
کیا میری تصویر اپ لوڈ ہوتی ہے؟
نہیں۔ تمام آئیکن آپ کے براؤزر میں بنتے ہیں، اور آپ کی تصویر آپ کے ڈیوائس سے باہر نہیں جاتی۔