⁦PNG⁩ سے ⁦ICO⁩
کنورٹر

⁦PNG⁩ کو ⁦ICO⁩ میں کیسے بدلیں

1. ایک مربع ⁦PNG⁩ سے شروع کریں، بہتر ہے کہ ⁦256⁩ ضرب ⁦256⁩ پکسل یا اس سے بڑی ہو، اور اگر چاہیں تو شفاف بیک گراؤنڈ کے ساتھ۔
2. “فوٹو منتخب کریں” پر کلک کریں یا ⁦PNG⁩ کو صفحے پر چھوڑ دیں۔ یہ ⁦favicon⁩ سائزز کے ساتھ فوراً کنورٹ ہو جاتی ہے۔
3. مزید سائز شامل کرنے کے لیے دائیں جانب سیٹنگز پینل میں “آئیکن سائز” بدلیں اور “تمام فائلوں پر لاگو کریں” پر کلک کریں۔
4. .⁦ico⁩ فائل ڈاؤن لوڈ کرنے کے لیے “محفوظ کریں” پر کلک کریں، یا اگر آپ نے کئی آئیکن بنائے ہیں تو “سب ڈاؤن لوڈ کریں (.⁦zip)⁩”۔

آئیکن سائز سیٹنگ کیا کرتی ہے

• ⁦Favicon (16, 32, 48):⁩ ڈیفالٹ۔ براؤزر ٹیبز، بک مارکس اور کسی سائٹ کے ⁦Windows⁩ ٹاسک بار شارٹ کٹ کے لیے کافی ہے۔ زیادہ تر ویب سائٹس کو ⁦favicon.ico⁩ میں یہی چاہیے۔
• تمام سائز: ایک ہی فائل میں ⁦16⁩، ⁦32⁩، ⁦48⁩، ⁦64⁩، ⁦128⁩ اور ⁦256 px⁩۔ اسے ⁦Windows⁩ پروگرام یا شارٹ کٹ آئیکن کے لیے استعمال کریں، جہاں بڑے آئیکن ویو کے لیے ⁦Explorer⁩ بڑے سائز چنتا ہے۔
• صرف ⁦256:⁩ ایک ہی ⁦256⁩ ضرب ⁦256⁩ تصویر، ان ٹولز کے لیے جو ایک بڑا آئیکن مانگتے ہیں۔

ہر سائز کیسے بنتا ہے

ہر سائز آپ کی ⁦PNG⁩ سے ایک ہی بڑی چھلانگ کے بجائے کئی مرحلوں میں آدھا آدھا کر کے چھوٹا کیا جاتا ہے، جس سے چھوٹے آئیکن زیادہ صاف رہتے ہیں۔ ہر سائز ⁦ICO⁩ کے اندر کمپریسڈ ⁦PNG⁩ تصویر کے طور پر محفوظ ہوتا ہے۔ جدید براؤزر اور ⁦Windows Vista⁩ اور اس کے بعد کے ورژن اس قسم کی ⁦ICO⁩ فائل پڑھ لیتے ہیں۔

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

آپ کی ⁦PNG⁩ سے بڑے سائز چھوڑ دیے جاتے ہیں تاکہ چھوٹی تصویر کھینچ کر دھندلے بڑے آئیکنز نہ بنیں۔ ⁦48 px⁩ کی ⁦PNG⁩ پر “تمام سائز” منتخب کرنے سے آپ کو ⁦16⁩، ⁦32⁩ اور ⁦48⁩ ملتے ہیں۔ اگر ⁦PNG⁩ آپ کے چنے ہوئے ہر سائز سے چھوٹی ہو تو آپ کو ان میں سے صرف سب سے چھوٹا سائز ملتا ہے، بڑا کر کے۔

فائل کو ⁦favicon⁩ کے طور پر استعمال کرنا

فائل کا نام بدل کر ⁦favicon.ico⁩ رکھیں اور اسے اپنی سائٹ کے ⁦root⁩ فولڈر میں ڈال دیں، تاکہ یہ ⁦yoursite.com/favicon.ico⁩ پر دستیاب ہو۔ براؤزر خود بخود اسی ایڈریس پر تلاش کرتے ہیں۔ آپ اپنے صفحات کے ⁦head⁩ میں ایک ⁦link⁩ ایلیمنٹ کے ذریعے بھی اس کی طرف اشارہ کر سکتے ہیں جس کا ⁦rel attribute⁩ ہو ⁦icon⁩۔

بہت سی سائٹس ⁦iPhone⁩ اور ⁦iPad⁩ کی ہوم اسکرین کے لیے ⁦180⁩ ضرب ⁦180⁩ کی ⁦PNG⁩ بطور ⁦apple-touch-icon⁩ بھی شامل کرتی ہیں، ساتھ میں بڑے ⁦PNG⁩ یا ⁦SVG⁩ آئیکنز بھی۔ ⁦ICO⁩، ⁦16⁩ اور ⁦32 px⁩ سائزز کے لیے اور ان پرانے سافٹ ویئرز کے لیے مفید رہتا ہے جو صرف ⁦favicon.ico⁩ ڈھونڈتے ہیں۔

صاف آئیکن کے لیے مشورے

• چھوٹے سائزز کے لیے ڈیزائن کو سادہ رکھیں۔ ⁦16 px⁩ پر تحریر اور باریک لکیریں غائب ہو جاتی ہیں؛ ایک موٹا حرف یا شکل بہتر پڑھی جاتی ہے۔
• آرٹ ورک کے گرد تھوڑی سی خالی جگہ چھوڑیں، لیکن اتنی نہیں کہ براؤزر ٹیب میں بہت چھوٹا لگے۔
• دیکھیں کہ آئیکن براؤزر کی لائٹ اور ڈارک دونوں تھیمز میں کیسا لگتا ہے۔ شفاف بیک گراؤنڈ پر گہرے رنگ کا لوگو ڈارک ٹیب بار پر غائب ہو سکتا ہے۔
• ہو سکتا ہے آپ کا نیا ⁦favicon⁩ شروع میں نظر نہ آئے کیونکہ براؤزر آئیکنز کو بہت زیادہ کیش کرتے ہیں۔ ⁦favicon.ico⁩ کا ایڈریس براہ راست کھولیں، یا پرائیویٹ ونڈو آزمائیں۔

پرائیویسی

⁦PNG⁩ کا سائز بدلنا اور اسے ⁦ICO⁩ میں پیک کرنا آپ کا براؤزر کرتا ہے۔ کچھ بھی اپ لوڈ نہیں ہوتا، اس لیے زیرِ تیاری برانڈنگ آپ کی مشین پر ہی رہتی ہے۔