فیویکون جنریٹر

کسی بھی لوگو یا تصویر کو مکمل فیویکون سیٹ میں بدلیں: ایک ملٹی سائز favicon.ico، ایک apple-touch-icon، Android/ویب ایپ آئیکنز اور پیسٹ کرنے کے لیے تیار HTML سنیپٹ۔ مربع، گول کونوں والی یا دائروی شکل چنیں، پیڈنگ یا پس منظر کا رنگ شامل کریں، اور پورا پیکج ZIP کے طور پر ڈاؤن لوڈ کریں۔ سب کچھ آپ کے براؤزر میں مقامی طور پر تیار ہوتا ہے — آپ کی تصویر کبھی اپ لوڈ نہیں ہوتی۔

پرائیویسی سب سے پہلے: ہر تصویر آپ کے براؤزر میں لوکل طور پر پروسیس ہوتی ہے۔ کچھ بھی اپ لوڈ، اسٹور یا کسی سرور پر منتقل نہیں کیا جاتا۔

PixelVault کا فیویکون جنریٹر کسی بھی تصویر کو ویب سائٹ اور ایپ آئیکنز کے مکمل سیٹ میں بدل دیتا ہے، بغیر کچھ اپ لوڈ کیے۔ زیادہ تر "فیویکون جنریٹر" سائٹس ایک بھی آئیکن واپس دینے سے پہلے آپ سے آپ کا لوگو اپنے سرورز کو بھیجنے کو کہتی ہیں۔ یہاں ہر فائل — ملٹی ریزولوشن favicon.ico، PNG آئیکنز اور مینی فیسٹ — آپ کے براؤزر کے اندر ہی تیار ہوتی ہے، اس لیے آپ کا برانڈ آرٹ کبھی آپ کے آلے سے باہر نہیں جاتا۔

ایک جدید سائٹ کو ایک سے زیادہ آئیکن کی ضرورت ہوتی ہے۔ براؤزر ایڈریس بار اور ٹیبز کے لیے ایک چھوٹا favicon.ico پڑھتے ہیں، iOS کو ہوم اسکرین کے لیے 180×180 کا apple-touch-icon چاہیے، اور Android اور PWAs ویب مینی فیسٹ سے حوالہ دیے گئے 192 اور 512px کے PNGs استعمال کرتے ہیں۔ PixelVault یہ سب ایک ہی ماخذ تصویر سے بیک وقت بناتا ہے اور آپ کو پیسٹ کرنے کے لیے تیار HTML سنیپٹ دیتا ہے تاکہ انہیں جوڑنے میں چند سیکنڈ لگیں۔

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

یہ کیسے کام کرتا ہے

جب آپ کوئی تصویر شامل کرتے ہیں، تو براؤزر اسے میموری میں ڈی کوڈ کرتا ہے اور PixelVault اسے ہر آئیکن سائز پر مربع کینوسز پر دوبارہ کھینچتا ہے، آپ کی منتخب کردہ شکل کا ماسک، پیڈنگ اور پس منظر لاگو کرتے ہوئے۔ ہر کینوس کو براؤزر کے بلٹ اِن انکوڈر سے PNG میں انکوڈ کیا جاتا ہے، اور 16، 32 اور 48px کے PNGs کو ایک ہی favicon.ico میں لپیٹ دیا جاتا ہے (وسیع پیمانے پر معاون PNG-in-ICO کنٹینر)۔ SVG لوگوز پہلے مقامی طور پر اعلیٰ ریزولوشن پر ریسٹرائز کیے جاتے ہیں، اس لیے آئیکنز واضح رہتے ہیں۔

لوکل پروسیسنگ کیوں اہم ہے

آئیکنز مقامی طور پر تیار کرنے کا مطلب ہے کہ آپ کا لوگو — اکثر غیر جاری کردہ برانڈنگ — کبھی کسی تیسرے فریق کی سروس کو منتقل، اسٹور یا لاگ نہیں ہوتا۔ یہ فوری بھی ہے: کوئی اپ لوڈ نہیں، کوئی قطار نہیں اور کوئی ڈاؤن لوڈ کا چکر نہیں، اور صفحہ لوڈ ہونے کے بعد یہ آف لائن کام کرتا رہتا ہے۔ جو آپ ڈاؤن لوڈ کرتے ہیں وہ بالکل وہی ہے جو آپ کے براؤزر نے تیار کیا، بغیر کسی اضافے کے۔

معاون فارمیٹس

  • ICO — ٹیبز اور ایڈریس بار کے لیے ملٹی ریزولوشن favicon.ico (16/32/48px)۔
  • PNG — Apple-touch-icon (180px) اور Android/PWA آئیکنز (192 اور 512px)۔
  • SVG — صرف ان پٹ — ویکٹر لوگوز واضح ترین آئیکنز کے لیے مقامی طور پر ریسٹرائز کیے جاتے ہیں۔
  • JPG / WebP — PNG کے ساتھ ماخذ تصاویر کے طور پر قبول۔

عام استعمالات

  • نئی ویب سائٹ یا لینڈنگ پیج کے لیے favicon.ico اور ایپ آئیکنز بنائیں۔
  • PNG یا SVG لوگو کو ایک مناسب ملٹی سائز ICO فائل میں تبدیل کریں۔
  • PWA کے لیے apple-touch-icon اور ویب مینی فیسٹ آئیکنز تیار کریں۔
  • کسی برانڈ کا فیویکون سیٹ کسی آن لائن سروس کو لوگو دیے بغیر تازہ کریں۔

اکثر پوچھے جانے والے سوالات

کیا فیویکون بنانے کے لیے میری تصویر اپ لوڈ ہوتی ہے؟
نہیں۔ favicon.ico، PNG آئیکنز اور مینی فیسٹ سب آپ کے براؤزر میں Canvas API کے ذریعے مقامی طور پر تیار ہوتے ہیں۔ آپ کی تصویر کبھی آپ کے آلے سے باہر نہیں جاتی۔
مجھے کون سے سائز اور فائلیں ملتی ہیں؟
ایک ملٹی ریزولوشن favicon.ico (16، 32 اور 48px)، 16، 32، 48، 180 (apple-touch-icon)، 192 اور 512px پر PNG آئیکنز، ایک site.webmanifest، اور آپ کے <head> میں پیسٹ کرنے کے لیے ایک HTML سنیپٹ۔
کیا میں PNG یا SVG کو ICO میں تبدیل کر سکتا ہوں؟
جی ہاں۔ PNG، JPG، SVG یا WebP شامل کریں اور ایک حقیقی favicon.ico ڈاؤن لوڈ کریں۔ SVG لوگوز پہلے مقامی طور پر اعلیٰ ریزولوشن پر ریسٹرائز کیے جاتے ہیں۔
کون سی تصویر بہترین کام کرتی ہے؟
سادہ، ہائی کنٹراسٹ لوگو والی مربع تصویر۔ غیر مربع تصاویر کو فٹ کرنے کے لیے درمیان سے کروپ کیا جاتا ہے؛ اسے اپنی مرضی کے مطابق فریم کرنے کے لیے پیڈنگ اور شکل کے کنٹرولز استعمال کریں۔
میں فیویکون کیسے انسٹال کروں؟
پیکج کو اپنی سائٹ کے روٹ فولڈر میں اَن زپ کریں اور دیا گیا HTML سنیپٹ اپنے صفحات کے <head> میں پیسٹ کریں۔ favicon.ico کو زیادہ تر براؤزر خودکار طور پر اٹھا لیتے ہیں۔