فیو آئیکن (Favicon) جنریٹر
ایک ہی PNG، JPG یا SVG کو favicon.ico اور آپ کی سائٹ کے لیے درکار ہر آئیکن سائز میں تبدیل کریں، جو ایک ZIP میں پیک ہو۔
پوری تصویر نظر آتی ہے، جو ارد گرد پیڈنگ کے ساتھ مرکز میں ہوتی ہے۔
شفاف پس منظر براؤزر ٹیبز کے لیے موزوں ہے؛ آئی فون کی ہوم اسکرین آئیکنز کے لیے پس منظر کا رنگ زیادہ محفوظ ہے۔
آپ کا فیو آئیکن (Favicon) اور آئیکن پیک یہاں ظاہر ہوگا۔
فائلیں اپنی سائٹ کے روٹ فولڈر میں رکھیں، پھر یہ لائنیں ہر صفحے میں شامل کریں۔
آپ کی تصویر کو آپ کے براؤزر میں ہی آئیکنز میں تبدیل کیا جاتا ہے۔ BroBroGo پر کچھ بھی اپ لوڈ نہیں کیا جاتا۔
عمومی سوالات
آئیکن پیک میں کون سی فائلیں ہوتی ہیں؟
اس میں 16، 32 اور 48 پکسل ورژن کے ساتھ favicon.ico، 16، 32، 180، 192 اور 512 پکسلز پر PNG آئیکنز، اور ایک site.webmanifest شامل ہے جو بڑے آئیکنز کی فہرست فراہم کرتا ہے۔ اگر آپ SVG سے شروع کرتے ہیں تو ویکٹر خود بھی شامل ہوتا ہے۔ ایک ہی ZIP میں سب کچھ مل جاتا ہے۔
میری اصل تصویر کا سائز کیا ہونا چاہیے؟
ایک SVG مثالی ہے — ہر آئیکن ویکٹر سے تیار کیا جاتا ہے، اس لیے 16 پکسلز بھی بالکل واضح رہتے ہیں۔ PNG یا JPG کے لیے، کم از کم 512 × 512 سے شروع کریں؛ چھوٹی تصاویر کا سائز بڑھانے سے وہ دھندلی نظر آ سکتی ہیں۔
کیا پس منظر شفاف ہونا چاہیے یا رنگین؟
ٹیب آئیکنز شفاف پس منظر کے ساتھ اچھے لگتے ہیں۔ تاہم، آئی فون اور آئی پیڈ کی ہوم اسکرینز شفاف حصوں کو کالا کر دیتی ہیں — اگر لوگ آپ کی سائٹ کو اپنی ہوم اسکرین پر شامل کر سکتے ہیں، تو پس منظر کا رنگ منتخب کرنا بہتر ہے۔
اگر تصویر چوکور نہ ہو تو کیا ہوتا ہے؟
آئیکنز چوکور ہوتے ہیں، لیکن آپ کی تصویر کبھی کھینچی نہیں جاتی۔ ڈیفالٹ طور پر یہ ارد گرد پیڈنگ کے ساتھ مرکز میں ہوتی ہے؛ لمبے کناروں کو کاٹنے کے لیے "بھریں (کراپ کریں)" پر سوئچ کریں۔
میری سائٹ پر فائلیں کہاں جاتی ہیں؟
انہیں اپنی سائٹ کے روٹ فولڈر میں اپ لوڈ کریں، تاکہ favicon.ico تک /favicon.ico کے ذریعے رسائی حاصل کی جا سکے، پھر تیار کردہ لائنوں کو اپنے صفحات کے <head> میں پیسٹ کریں۔ براؤزر خود بخود صحیح سائز کا انتخاب کر لیتے ہیں۔