اپنی ویب سائٹ کے لیے فیویکون کیسے بنائیں

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

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

سادہ، چوکور تصویر سے شروع کریں

فیویکون ⁦16 × 16⁩ پکسل جتنے چھوٹے بھی دکھائی دیتے ہیں، اس لیے باریک تفصیل غائب ہو جاتی ہے۔ موٹا حرف، سادہ علامت یا لوگو کی آسان شکل سب سے اچھی رہتی ہے۔ کم از کم ⁦512 × 512⁩ پکسل کی چوکور تصویر سے شروع کریں۔

آپ کو یہ فائلیں چاہییں

• favicon.ico سائز 16، 32 اور 48 پکسل کے ساتھ، پرانے براؤزرز اور Windows کے لیے۔
• ⁦favicon-32⁩x32.png اور ⁦favicon-16⁩x16.png جدید براؤزرز کے لیے۔
• ⁦apple-touch-icon.png⁩ سائز ⁦180 × 180⁩ پکسل میں، iPhone اور iPad کی ہوم اسکرین کے لیے۔
• ⁦android-chrome-192⁩x192.png اور 512x512.png، جو site.webmanifest فائل میں درج ہوں، Android کے لیے۔

صفحات میں ٹیگز شامل کریں

فائلیں اپنی ویب سائٹ کے روٹ فولڈر میں اپ لوڈ کریں اور ہر صفحے کے <head> میں یہ لائنیں شامل کریں:

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

سب ایک ساتھ بنائیں

ہر سائز ہاتھ سے بنانا تھکا دینے والا کام ہے۔ ہمارا فیوی کون جنریٹر ایک ہی تصویر سے اوپر کی تمام فائلیں بناتا ہے، انہیں ZIP میں رکھتا ہے اور کاپی کرنے کے لیے HTML دیتا ہے۔

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