ایک واضح فیوی آئیکن کے لیے PNG کو ICO میں تبدیل کریں
فیوی آئیکن وہ چھوٹی تصویر ہے جو ویب سائٹ کو اس کی بصری شناخت دیتی ہے۔ آپ اسے صفحے کے عنوان کے ساتھ براؤزر ٹیب میں، اپنی بک مارکس کی فہرست میں، اپنے براؤزنگ کی تاریخ کے ایڈریس بار ڈراپ ڈاؤن میں، اور کبھی کبھی سرچ نتائج کے ساتھ دیکھتے ہیں۔ یہ چھوٹا ہے، مگر بہت کام کرتا ہے: ایک پہچانے جانے والا فیوی آئیکن صارفین کو درجنوں ٹیبز میں سے اپنا ٹیب تلاش کرنے میں مدد دیتا ہے اور اس بات کا اشارہ دیتا ہے کہ ایک سائٹ مکمل اور اچھی طرح دیکھ بھال شدہ ہے۔ اس چھوٹے آئیکن کا کلاسیک فارمیٹ ICO ہے، اور اسے بنانے کا آسان ترین طریقہ ایک صاف چوکور PNG سے شروع کرنا اور اسے تبدیل کرنا ہے۔
یہ ٹول ایک PNG تصویر لیتا ہے اور اسے آپ کے براؤزر کے اندر ہی ICO فیوی آئیکن میں بدل دیتا ہے۔ تبدیلی آپ کی اپنی ڈیوائس کا استعمال کرتے ہوئے مقامی طور پر چلتی ہے، اس لیے آپ کی منتخب کردہ تصویر کبھی کسی سرور پر اپلوڈ نہیں ہوتی۔ یہ اس وقت اہمیت رکھتا ہے جب آپ کا آئیکن ایک لوگو یا برانڈ اثاثہ ہو جسے آپ کسی تیسرے فریق کے حوالے نہیں کرنا چاہتے۔ فائل تیار ہونے پر، آپ صرف اسے ڈاؤن لوڈ کرتے ہیں۔
ICO فارمیٹ کیا ہے اور یہ کئی سائزوں کیوں رکھتا ہے
ICO ایک آئیکن کنٹینر فارمیٹ ہے جس کی ابتدا مائیکروسافٹ ونڈوز سے ہوئی، جہاں یہ پروگراموں، شارٹ کٹس اور فولڈرز کے لیے استعمال ہونے والے آئیکنز محفوظ کرتا ہے۔ اس کی وضاحتی خصوصیت، اور وجہ کہ یہ ویب فیوی آئیکنز کے لیے معیار بن گیا، یہ ہے کہ ایک واحد ICO فائل ایک ہی تصویر کو بیک وقت کئی ریزولوشنز پر محفوظ کر سکتی ہے۔ ایک مقررہ بٹ میپ کے بجائے، فائل چوکور تصاویر کا ایک چھوٹا سیٹ پیک کرتی ہے اور براؤزر یا آپریٹنگ سسٹم کو جو بھی سائز اس جگہ کے مطابق ہو جہاں اسے آئیکن بنانا ہے، چننے دیتی ہے۔
یہ حقیقی طور پر مفید ہے۔ ایک براؤزر ٹیب کو ایک چھوٹے آئیکن کی ضرورت ہوتی ہے، بک مارک بار کچھ بڑا استعمال کر سکتی ہے، اور ڈیسک ٹاپ پر پن کیا گیا شارٹ کٹ اس سے بھی بڑا کچھ مانگ سکتا ہے۔ ایک ملٹی سائز ICO کے ساتھ، ہر سیاق و سباق وہ ورژن پکڑتا ہے جو اسے موزوں ہو، اس لیے آپ کا آئیکن دھندلا ہونے کے بجائے تیز رہتا ہے بجائے اس کے کہ ایک چھوٹے بٹ میپ سے بڑھایا جائے۔ ICO شفافیت بھی محفوظ رکھتا ہے، جو کسی گول یا بے قاعدہ لوگو کے کناروں کو کسی بھی ٹیب رنگ کے خلاف صاف رکھتا ہے۔
تجویز کردہ فیوی آئیکن سائز
ویب سائٹ فیوی آئیکن کے لیے، تین سائز شامل کرنے کے قابل ہیں: 16x16، 32x32 اور 48x48 پکسل۔ 16-پکسل ورژن وہ ہے جو زیادہ تر براؤزرز ٹیب اور ایڈریس بار میں دکھاتے ہیں۔ 32-پکسل ورژن اعلیٰ ریزولوشن ڈسپلے پر اور کچھ بک مارک اور تاریخ کے منظر میں استعمال ہوتا ہے، اس لیے یہ جدید اسکرینوں پر چیزوں کو واضح رکھتا ہے۔ 48-پکسل ورژن بڑے سیاق و سباق جیسے ونڈوز سائٹ شارٹ کٹس کا احاطہ کرتا ہے۔ چونکہ وہ سب ایک ICO فائل میں رہتے ہیں، آپ ایک واحد اثاثہ بھیجتے ہیں اور ہر سطح کو اس کی ضرورت چننے دیتے ہیں۔
ایک چوکور PNG سے شروع کریں تاکہ کچھ کھینچا نہ جائے۔ اگر آپ کی ماخذ تصویر مستطیل یا زیادہ بڑی ہے، تو پہلے ہمارے امیج ری سائزر سے اسے صاف چوکور میں کراپ یا پیمانہ کریں، پھر تبدیلی چلائیں۔ ایک سادہ، اونچے تضاد والا ڈیزائن ایک تفصیلی مصوری کے مقابلے میں 16 پکسل پر کہیں بہتر پڑھا جاتا ہے، اس لیے باریک متن کے بجائے جرات مند شکلوں کو ترجیح دیں۔
اپنی سائٹ میں فیوی آئیکن کیسے شامل کریں
ایک بار جب آپ کی ICO فائل تیار ہو جائے، اسے اپنی ویب سائٹ پر اپلوڈ کریں، روایتی طور پر سائٹ کے روٹ میں favicon.ico کے طور پر۔ بہت سے براؤزرز اسے وہاں خودکار طور پر تلاش کر لیں گے، لیکن بہترین عمل یہ ہے کہ اسے اپنے HTML کے head میں واضح طور پر بیان کریں تاکہ کوئی اندازہ لگانے کی ضرورت نہ رہے۔ اس طرح ایک link ٹیگ شامل کریں:
<link rel="icon" type="image/x-icon" href="/favicon.ico">
وہ لائن اپنے صفحات کے <head> سیکشن کے اندر رکھیں۔ rel="icon" خاصیت براؤزر کو بتاتی ہے کہ یہ وسیلہ صفحے کا آئیکن ہے، اور href اس جگہ اشارہ کرتا ہے جہاں آپ نے فائل محفوظ کی ہے۔ اگر آپ اوپر جیسا روٹ-متعلقہ راستہ استعمال کرتے ہیں، تو وہی بیان آپ کی سائٹ کے ہر صفحے پر کام کرتا ہے۔ ڈیپلائے کرنے کے بعد، نیا آئیکن ظاہر ہونے سے پہلے آپ کو ہارڈ ریفریش کرنا یا کیش صاف کرنا پڑ سکتا ہے، کیونکہ براؤزرز فیوی آئیکنز کو سختی سے پکڑے رکھتے ہیں۔
آپ کے براؤزر میں نجی تبدیلی
سب کچھ آپ کی ڈیوائس پر ہوتا ہے۔ آپ کی منتخب کردہ PNG کو مقامی طور پر پڑھا، ڈی کوڈ اور ICO کے طور پر دوبارہ اینکوڈ کیا جاتا ہے، اور عمل کے دوران کچھ بھی آپ کی مشین سے باہر نہیں جاتا۔ کوئی اکاؤنٹ نہیں، کوئی قطار نہیں اور سرور پر کوئی اسٹوریج نہیں، جو اسے غیر جاری کردہ لوگو یا معاہدے کے تحت کلائنٹ کے کام کے لیے بھی آسان بناتا ہے۔ گرافکس کو تیار اور صاف کرنے کے مزید طریقوں کے لیے، ہمارے مکمل امیج ٹولز دیکھیں۔
اکثر پوچھے جانے والے سوالات
کیا میری تصویر کہیں اپلوڈ ہوتی ہے؟
نہیں۔ PNG کو ICO میں مکمل طور پر آپ کے براؤزر میں آپ کی اپنی ڈیوائس پر تبدیل کیا جاتا ہے۔ کچھ بھی سرور پر نہیں بھیجا جاتا اور کچھ بھی محفوظ نہیں ہوتا، اس لیے آپ کی تصویر نجی رہتی ہے۔
میرے فیوی آئیکن میں کون سے سائز شامل ہونے چاہئیں؟
سب سے مفید سائز 16x16، 32x32 اور 48x48 پکسل ہیں۔ 16-پکسل تصویر براؤزر ٹیبز میں دکھائی جاتی ہے، جبکہ بڑی تصاویر آئیکن کو اعلیٰ ریزولوشن ڈسپلے اور ڈیسک ٹاپ شارٹ کٹس پر تیز رکھتی ہیں۔
صرف PNG کے بجائے ICO کیوں استعمال کریں؟
ICO دیرینہ فیوی آئیکن فارمیٹ ہے اور یہ ایک فائل کے اندر کئی سائز محفوظ کر سکتا ہے۔ براؤزرز اور آپریٹنگ سسٹم وہ ریزولوشن چنتے ہیں جو ہر سیاق و سباق کے مطابق ہو، اس لیے آئیکن ایک واحد بٹ میپ سے بڑھانے کے بجائے تیز رہتا ہے۔
کیا ICO میری PNG کی شفافیت برقرار رکھتا ہے؟
جی ہاں۔ ICO فارمیٹ شفافیت کی حمایت کرتا ہے، اس لیے آپ کی PNG کے شفاف حصے محفوظ رہتے ہیں اور آئیکن کسی بھی ٹیب یا پس منظر رنگ کے ساتھ صاف طور پر مل جاتا ہے۔
میں اپنی ویب سائٹ میں فیوی آئیکن کیسے شامل کروں؟
ICO فائل کو اپنی سائٹ پر اپلوڈ کریں، عام طور پر روٹ میں favicon.ico کے طور پر، اور اپنے HTML کے head میں ایک لنک ٹیگ شامل کریں جیسے link rel icon type image x-icon href سلیش favicon.ico۔ پھر اسے دیکھنے کے لیے اپنا براؤزر کیش صاف کریں۔
میری ماخذ تصویر چوکور نہیں ہے۔ مجھے کیا کرنا چاہیے؟
پہلے اسے چوکور میں کراپ یا پیمانہ کریں تاکہ یہ کھینچی نہ جائے۔ آپ ہمارے امیج ری سائزر کو ایک صاف چوکور بنانے کے لیے استعمال کر سکتے ہیں، پھر بہترین نظر آنے والے فیوی آئیکن کے لیے اسے ICO میں تبدیل کریں۔