مفت کنورٹر

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

کسی بھی تصویر سے متعدد سائز (16x16 سے 512x512) میں فیویکن فائلیں بنائیں۔ مفت، فوری، اور مکمل طور پر آپ کے براؤزر میں چلتا ہے۔

ایک تصویر کو یہاں گھسیٹیں اور ڈراپ کریں۔

PNG، JPG، SVG، WebP کو سپورٹ کرتا ہے۔ زیادہ سے زیادہ 10MB۔

یا

اس ٹول کے بارے میں

فیویکن ایک چھوٹا آئیکن ہے جو براؤزر کے ٹیبز، بک مارکس اور ہسٹری کی فہرستوں میں ظاہر ہوتا ہے۔ اصل فیویکن — /favicon.ico پر ایک 16×16 ICO فائل — مختلف پلیٹ فارمز کے لیے مختلف سائز میں آئیکنز کے ایک پیچیدہ سیٹ میں پھیل گئی ہے: 16×16 اور 32×32 براؤزر ٹیبز کے لیے، 180×180 iOS ہوم اسکرینز کے لیے، 192×192 اور 512×192 اور 512×512 کے لیے مختلف پلیٹ فارمز کے لیے، اینڈرائیڈ کے لیے مختلف ٹائیز کے سائز۔ ان سب کو ایک ہی سورس امیج سے تیار کرنا وہی ہے جو ایک جدید فیوی کون جنریٹر کرتا ہے۔

یہ ٹول ایک اعلی ریزولیوشن سورس امیج (عام طور پر ایک مربع لوگو) لیتا ہے اور فیویکن اثاثوں کا مکمل سیٹ اور ان کا حوالہ دینے کے لیے درکار HTML لنک ٹیگز تیار کرتا ہے۔ آؤٹ پٹ میں ICO، متعدد PNGs، اور ترقی پسند ویب ایپ میٹا ڈیٹا کے لیے ایک manifest.json شامل ہیں۔ نتیجے میں آنے والی فائلوں کو اپنی سائٹ کی جڑ میں چھوڑیں اور تیار کردہ HTML کے ذریعے ان کا حوالہ دیں۔

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

ایک Favicon کیوں بنائیں

فیوی کون کے بغیر سائٹس نامکمل نظر آتی ہیں۔ براؤزر ٹیبز ایک عام آئیکن دکھاتے ہیں۔ بک مارکس کا کوئی بصری شناخت کنندہ نہیں ہوتا ہے۔ سائٹ کم پیشہ ورانہ دکھائی دیتی ہے۔ ایک مناسب فیوی کون سیٹ شامل کرنا ایک کم کوشش کا اعلی اثر والا پولش مرحلہ ہے جو تفصیل کی طرف توجہ کا اشارہ کرتا ہے۔

فیویکون کے جدید تقاضے /favicon.ico سے آگے بڑھ چکے ہیں۔ iOS ہوم اسکرین آئیکنز، اینڈرائیڈ کروم آئیکنز، ونڈوز ٹائل آئیکنز، اور ڈارک موڈ ویریئنٹس سبھی مختلف فائلز استعمال کرتے ہیں۔ ان سب کو ایک ذریعہ سے تیار کرنا ہر فائل کو ہاتھ سے منظم کیے بغیر مسلسل برانڈنگ کو یقینی بناتا ہے۔

استعمال کرنے کا طریقہ

ماخذ کی تصویر اپ لوڈ کریں، مکمل فیویکن سیٹ حاصل کریں۔

  1. ماخذ کی تصویر اپ لوڈ کریں۔: کم از کم 512×512 پکسلز کی مربع تصویر استعمال کریں۔ PNG کو ترجیح دی جاتی ہے (شفافیت کی حمایت)؛ SVG بھی قبول کیا جاتا ہے۔ اعلی ریزولیوشن کے ذرائع تیز چھوٹے شبیہیں تیار کرتے ہیں۔
  2. پلیٹ فارم کے اختیارات کو ترتیب دیں۔: ضرورت کے مطابق iOS، Android، Windows، اور PWA آؤٹ پٹ کو فعال کریں۔ پہلے سے طے شدہ ترتیبات معیاری سیٹ تیار کرتی ہیں جس کی زیادہ تر سائٹوں کو ضرورت ہوتی ہے۔
  3. رنگ اور تھیم کو حسب ضرورت بنائیں: ونڈوز ٹائلز اور پی ڈبلیو اے سپلیش اسکرینز کے لیے تھیم کے رنگ منتخب کریں۔ اپنے برانڈ کی شناخت سے مماثل ہوں۔
  4. ڈاؤن لوڈ اور تعینات کریں۔: تیار کردہ زپ کو محفوظ کریں۔ فائلوں کو اپنی سائٹ کی جڑ میں رکھیں اور تیار کردہ HTML لنک ٹیگز کو اپنے <head> میں شامل کریں۔ ایچ ٹی ایم ایل ہر آئیکن کو صحیح سائز میں حوالہ دیتا ہے۔

عام استعمال کے معاملات

تکنیکی تفصیلات

مکمل جدید فیویکون سیٹ: favicon.ico (16+32+48 ملٹی ریزولوشن)، favicon-16x16.png، favicon-32x32.png، Apple-touch-icon.png (180×180)، android-chrome-192x192.png، android-chrome-52png mstile-150x150.png۔ پلس PWA کے لیے site.webmanifest، Windows کے لیے browserconfig.xml۔

ہر PNG ماخذ سے کینوس پر مبنی ڈاؤن سیمپلنگ کے ذریعے تیار کیا جاتا ہے۔ ICO جاوا اسکرپٹ میں 16/32/48 ورژنز کو ڈیٹا ویو رائٹ کا استعمال کرتے ہوئے ملٹی ریزولوشن ICO فارمیٹ میں ملا کر بنایا گیا ہے۔

ایچ ٹی ایم ایل لنک ٹیگز ہر فائل کو مناسب rel اور سائز کی خصوصیات کے ساتھ حوالہ دیتے ہیں۔ جنریٹر ان کو آپ کی سائٹ کے <head> کے لیے کاپی پیسٹ کے لیے تیار ٹکڑوں کے طور پر تیار کرتا ہے۔

بہترین طرز عمل

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

مجھے کس تصویر کی شکل اپ لوڈ کرنی چاہیے؟
شفاف پس منظر کے ساتھ PNG بہترین کام کرتا ہے۔ مربع تصویر کم از کم 512x512 پکسلز کا استعمال کریں تاکہ ٹول کوالٹی کے نقصان کے بغیر اسکیل کر سکے۔ SVG بھی اچھی طرح سے کام کرتا ہے کیونکہ یہ کسی بھی سائز میں ہوتا ہے۔
یہ کیا سائز پیدا کرتا ہے؟
16x16 (براؤزر ٹیب)، 32x32 (براؤزر ٹیب @2x)، 48x48 (ونڈوز ٹاسک بار)، 180x180 (ایپل ٹچ آئیکن)، 192x192 (Android ہوم اسکرین)، 512x512 (PWA اسپلش اسکرین)۔ ICO فائل میں 16، 32، اور 48px سائز شامل ہیں۔
میں favicon فائلوں کو کہاں رکھوں؟
favicon.ico کو اپنی ویب سائٹ کی روٹ ڈائرکٹری میں رکھیں۔ دیگر PNG سائز آپ کے عوامی فولڈر یا کسی قابل رسائی راستے میں جاتے ہیں۔ ہر فائل کے مقام کی طرف اشارہ کرتے ہوئے اپنے <head> سیکشن میں HTML لنک ٹیگز شامل کریں۔
میرا فیوی کون براؤزر میں اپ ڈیٹ کیوں نہیں ہوتا؟
براؤزر جارحانہ طور پر فیویکونز کو کیش کرتے ہیں۔ اپنے براؤزر کیش کو صاف کریں، ایک پوشیدگی ونڈو میں کھولنے کی کوشش کریں، یا جبری ریفریش کرنے کے لیے فیویکن یو آر ایل میں ایک ورژن استفسار سٹرنگ (?v=2) شامل کریں۔
میرا فیویکن اپ ڈیٹ کیوں نہیں ہوتا؟
براؤزر فیویکونز کو جارحانہ طریقے سے کیش کرتے ہیں، بعض اوقات دنوں تک۔ کیشے کو صاف کرکے، آئیکن یو آر ایل کو براہ راست کھول کر، یا لنک ٹیگ میں ورژن کے استفسار کے پیرامیٹر کو شامل کرکے ریفریش پر مجبور کریں۔
کیا میری تصویر سرور پر اپ لوڈ ہے؟
نہیں، جنریشن آپ کے براؤزر میں ہوتی ہے۔
کیا مجھے SVG یا PNG استعمال کرنا چاہیے؟
ماخذ کے لیے SVG (ریزولوشن سے آزاد)۔ جنریٹر PNGs کو مخصوص سائز میں آؤٹ پٹ کرتا ہے۔ جدید براؤزرز لنک rel=icon type=image/svg+xml کے ذریعے SVG فیویکونز کو بھی سپورٹ کرتے ہیں۔
site.webmanifest کیا ہے؟
آئیکنز، رنگوں اور دیگر میٹا ڈیٹا کو بیان کرنے والی ترقی پسند ویب ایپس کے لیے ایک JSON مینی فیسٹ۔ قابل انسٹال ویب ایپس کے لیے درکار؛ معیاری سائٹس پر بھی شامل کرنا بے ضرر ہے۔