درست فیوکون سیٹ صرف ایک فائل نہیں: براؤزرز کو کئی سائز والی .ico چاہیے، iOS کو 180px کا apple-touch-icon، Android کو 192 اور 512px کی PNG اور ویب مینی فیسٹ۔ یہ ٹول ایک ہی تصویر سے یہ سب تیار کر کے ایک ZIP میں سمیٹ دیتا ہے، ساتھ وہ عین HTML ٹیگ بھی جو آپ کو اپنے <head> میں پیسٹ کرنے ہیں۔
پیش منظر آپ کا آئیکن اصل 16، 32 اور 48px پر دکھاتا ہے تاکہ شپ کرنے سے پہلے آپ جانچ لیں کہ یہ ننھے سائز میں بھی پہچانا جا سکتا ہے۔
استعمال کا طریقہ
- اپنا لوگو شامل کریںمربع تصاویر بہترین رہتی ہیں؛ باقی درمیان سے کراپ ہو جاتی ہیں۔
- چھوٹے سائز جانچیں16px کا پیش منظر ہی وہ ہے جو زیادہ تر صارفین ٹیب میں اصل میں دیکھیں گے۔
- ZIP ڈاؤن لوڈ کریںfavicon.ico، چھ PNG، site.webmanifest اور پیسٹ کے لیے تیار html-snippet.txt۔
ایک تصویر اندر، مکمل فیویکن سیٹ باہر
ایک لوگو یا آئیکن ڈالیں اور یہ جنریٹر جدید سائٹ کی درکار پوری کٹ بنا دیتا ہے: 16، 32 اور 48 پکسل ورژنز پر مشتمل ملٹی سائز favicon.ico، 16، 32، 48 کے الگ PNGs، Apple touch icon کے لیے 180، اور Android و PWA انسٹالز کے لیے 192 اور 512، نیز ایک site.webmanifest۔ سب کچھ ایک ZIP میں اترتا ہے تاکہ آپ اسے سیدھا اپنے پروجیکٹ روٹ میں ڈال دیں۔
آپ کو پیسٹ کرنے کے لیے تیار HTML ہیڈ اسنیپٹ بھی ملتا ہے جس میں درست link اور meta ٹیگز پہلے سے جڑے ہوتے ہیں۔ اسے اپنے ٹیمپلیٹ میں کاپی کریں، فائلیں اپ لوڈ کریں، اور فیویکن براؤزر ٹیبز، بک مارکس اور ہوم اسکرین شارٹ کٹس میں نظر آنے لگتا ہے — آپ کو ہاتھ سے کوئی مارک اپ لکھنا نہیں پڑتا۔
ہر سائز پر شفاف آئیکنز
فیویکنز بے رحمی کی حد تک چھوٹے ہوتے ہیں، اس لیے جنریٹر 16، 32 اور 48 پکسل پر حقیقی سائز کے پری ویو دکھاتا ہے — بالکل ویسے جیسے براؤزر ٹیب انہیں دکھائے گا۔ یوں شپ کرنے سے پہلے ہی پتہ چل جاتا ہے کہ کون سا لوگو 16px پر گھل کر بے شکل ہو جاتا ہے۔ اگر آپ کی سورس تصویر مربع نہیں تو ٹول اسے وسط سے کراپ کر لیتا ہے تاکہ آئیکن متوازن رہے، پچکا ہوا نہیں۔
پورا عمل آپ کی اصل تصویر سے براؤزر میں چلتا ہے، یعنی آپ کسی اپ لوڈ یا اکاؤنٹ کے بغیر ہائی ریزولوشن لوگو سے فیویکن PNGs اور ICO بنا سکتے ہیں۔
لوگ اسے کن کاموں کے لیے استعمال کرتے ہیں
نئی سائٹ کی لانچ — favicon.ico اور ہر PNG سائز ایک ہی بار میں بنائیں تاکہ پہلے دن سے ٹیبز اور بک مارکس مکمل لگیں۔
PWA انسٹال آئیکن شامل کرنا — 192 اور 512 PNGs اور site.webmanifest ایکسپورٹ کریں تاکہ آپ کی ایپ درست ہوم اسکرین آئیکن کے ساتھ انسٹال ہو۔
Apple touch icon — 180x180 apple-touch-icon بنائیں تاکہ iOS بک مارکس اور ہوم اسکرینز پر شفاف ٹائل دکھائی دے۔
موجودہ سائٹ کی ری برانڈنگ — ایک نیا لوگو جنریٹر سے گزاریں اور پورا آئیکن سیٹ ایک ساتھ بدل دیں۔
کلائنٹ کو حوالگی — ico، PNGs، مینی فیسٹ اور ہیڈ اسنیپٹ کی ایک ZIP تھما دیں تاکہ ڈویلپر بس اسے جگہ پر ڈال دے۔
چھوٹے سائز پر پڑھے جانے کی جانچ — حقیقی سائز والے 16px پری ویو سے تصدیق کریں کہ تفصیلی لوگو اب بھی آئیکن کے طور پر پہچانا جاتا ہے۔
غیر مربع لوگو — چوڑا ورڈ مارک ڈالیں اور مرکز کراپ کو اسے متوازن مربع فیویکن بنانے دیں۔
اسٹیٹک سائٹ یا فریم ورک پروجیکٹ — بنائے گئے ہیڈ ٹیگز اپنے Next، Astro یا سادہ HTML ٹیمپلیٹ میں کاپی کریں اور شپ کریں۔
IMG.DIY کیوں
مکمل سیٹ
ICO + 16/32/48/180/192/512 PNG + مینی فیسٹ۔
کاپی پیسٹ HTML
عین link ٹیگ ٹیکسٹ فائل کی صورت میں شامل۔
اصل سائز پیش منظر
پہلے آئیکن کو اصل 16/32/48px پر دیکھیں۔
نجی
آپ کا لوگو کبھی براؤزر سے باہر نہیں جاتا۔