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

1

اپنا ماخذ منتخب کریں

تصویر اپ لوڈ کریں، اپنی مرضی کے فونٹس کے ساتھ متن سے بنائیں، سیکڑوں ایموجیز میں سے انتخاب کریں، یا پکسل آرٹ بنائیں۔ موجودہ favicons نکالنے کے لیے کسی بھی URL کا تجزیہ کریں۔

2

اپنی مرضی کے مطابق بنائیں اور پیش نظارہ

پس منظر، گریڈینٹ، گولائی اور اثرات کو ایڈجسٹ کریں۔ اپنے favicon کا براؤزر ٹیبز، iOS ہوم اسکرین، Android اور Windows موک اپس میں حقیقی وقت میں پیش نظارہ دیکھیں۔

3

بنائیں اور ڈاؤن لوڈ کریں

ایک کلک کے ساتھ تمام سائز بنائیں۔ 35+ فریم ورکس کے لیے استعمال کے لیے تیار کوڈ کے ٹکڑوں کے ساتھ مکمل پیکیج ڈاؤن لوڈ کریں۔

اپنا Favicon بنانے کے چار طریقے

تصویر اپ لوڈ کریں

کسی بھی تصویر کے ساتھ شروع کریں — PNG, JPG, SVG, یا WebP۔ پس منظر شامل کریں، پیڈنگ، چمک، تضاد کو ایڈجسٹ کریں اور گول کونے لگائیں۔ لوگو اور موجودہ برانڈ اثاثوں کے لیے بہترین۔

متن سے Favicon

1500+ Google Fonts کے ساتھ متن پر مبنی favicons بنائیں۔ فونٹ کا وزن، رنگ منتخب کریں اور ٹھوس یا گریڈینٹ پس منظر شامل کریں۔ سادہ حروف پر مبنی برانڈ شبیہیں کے لیے مثالی۔

ایموجی Favicon

تمام ملکی جھنڈوں سمیت 12 زمروں میں سیکڑوں ایموجیز میں سے انتخاب کریں۔ پالش شدہ شکل کے لیے پیش سیٹوں یا کسٹم گریڈینٹ کے ساتھ رنگین پس منظر شامل کریں۔

پکسل آرٹ کینوس

حسب ضرورت گرڈ پر پکسل بہ پکسل اپنا favicon بنائیں۔ انڈو/ریڈو سپورٹ کے ساتھ قلم، ربڑ اور فل ٹولز کا استعمال کریں۔ اپنی پکسل آرٹ تخلیق کو فوری طور پر برآمد کریں۔

طاقتور خصوصیات

100% نجی

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

تمام پلیٹ فارمز کا احاطہ کیا گیا

براؤزرز، iOS ہوم اسکرین، Android Chrome، Windows ٹائلز، Safari پن شدہ ٹیبز اور پروگریسیو ویب ایپس کے لیے 15+ favicon سائز بنائیں۔

لائیو پیش نظارہ

بنانے سے پہلے بالکل دیکھیں کہ آپ کا favicon براؤزر ٹیبز، iOS ہوم اسکرین، Android لانچر اور Windows ٹائلز میں کیسا لگتا ہے۔

35+ فریم ورک کے ٹکڑے

HTML, React, Vue, Next.js, Nuxt, Angular, Astro, Svelte, WordPress, Shopify, Laravel, Django, اور 25+ مزید پلیٹ فارمز کے لیے استعمال کے لیے تیار کوڈ حاصل کریں۔

URL تجزیہ کار

موجودہ favicons نکالنے کے لیے کسی بھی ویب سائٹ کا تجزیہ کریں۔ دیکھیں کہ کون سے سائز موجود ہیں، کیا غائب ہے، اور ایک کلک کے ساتھ ایک مکمل سیٹ دوبارہ بنائیں۔

جنریشن کی تاریخ

اپنی حالیہ favicon جنریشنز تک رسائی حاصل کریں۔ پچھلی تخلیقات کو بحال کریں، ورژنز کا موازنہ کریں، یا جہاں سے آپ نے چھوڑا تھا وہاں سے ترمیم جاری رکھیں۔

فوری ٹیمپلیٹس

ٹھوس رنگوں، گریڈینٹ اور پیٹرن کی خصوصیات والے پیشہ ورانہ طور پر ڈیزائن کردہ ٹیمپلیٹس کے ساتھ شروع کریں۔ اپنے برانڈ سے مطابقت رکھنے کے لیے لاگو کریں اور اپنی مرضی کے مطابق بنائیں۔

کثیر سائز ICO

زیادہ سے زیادہ براؤزر مطابقت کے لیے 16x16, 32x32, اور 48x48 سائز کو ایمبیڈ کرنے والی ملٹی ریزولوشن ICO فائلیں خود بخود بناتا ہے۔

مکمل آؤٹ پٹ پیکیج

معیاری Favicons

favicon.ico (کثیر سائز)، 16x16, 32x32, اور 48x48 PNGs براؤزر ٹیبز اور بک مارکس کے لیے۔

Apple Touch شبیہیں

180x180 Apple Touch Icon برائے iOS ہوم اسکرین، پلس Safari پن شدہ ٹیب SVG کسٹم تھیم رنگ کے ساتھ۔

Android اور PWA شبیہیں

192x192 اور 512x512 شبیہیں برائے Android Chrome اور پروگریسیو ویب ایپس، بشمول ماسک ایبل آئیکن سپورٹ۔

Windows ٹائلز

270x270 Microsoft ٹائل browserconfig.xml کے ساتھ Windows اسٹارٹ مینو اور ٹاسک بار انضمام کے لیے۔

ویب مینی فیسٹ

مکمل site.webmanifest فائل آئیکن کے حوالے، تھیم کے رنگ اور PWA ڈسپلے کی ترتیبات کے ساتھ۔

اکثر پوچھے گئے سوالات

مجھے کن favicon سائز کی ضرورت ہے؟
کم از کم: favicon.ico, 32x32 PNG, 180x180 Apple Touch Icon, اور 192x192/512x512 برائے Android/PWA۔ ہمارا 'ضروری' پیش سیٹ تمام مطلوبہ سائز خود بخود شامل کرتا ہے۔
مجھے ICO فائل کی ضرورت کیوں ہے؟
ICO فارمیٹ میں ایک فائل میں متعدد سائز ہوتے ہیں اور پرانے ورژنز سمیت تمام براؤزرز اسے سپورٹ کرتے ہیں۔ یہ روایتی favicon فارمیٹ ہے جو زیادہ سے زیادہ مطابقت کو یقینی بناتا ہے۔
کیا میرے favicon کا پس منظر شفاف ہونا چاہیے؟
براؤزر ٹیبز کے لیے، شفافیت اچھی طرح کام کرتی ہے۔ iOS اور Android ہوم اسکرینز کے لیے، ٹھوس یا گریڈینٹ پس منظر پر غور کریں کیونکہ شبیہیں مختلف وال پیپرز پر ظاہر ہوتی ہیں۔
کیا میری ماخذ تصویر مربع ہونی چاہیے؟
ہاں، favicons ہمیشہ مربع ہوتے ہیں۔ اگر آپ کی تصویر مربع نہیں ہے، تو اسے بالکل فٹ کرنے کے لیے ہمارے پیڈنگ اور اسکیل کنٹرولز کا استعمال کریں۔ بہترین نتائج کے لیے، مربع تصویر سے شروع کریں۔
کیا میری تصاویر محفوظ اور نجی ہیں؟
100% نجی۔ تمام پروسیسنگ براؤزر کے مقامی Canvas اور Blob APIs کا استعمال کرتی ہے۔ آپ کی تصاویر کبھی بھی آپ کے آلے کو نہیں چھوڑتیں — ہم کوئی ڈیٹا اپ لوڈ، اسٹور یا منتقل نہیں کرتے ہیں۔
کون سے فریم ورک سپورٹڈ ہیں؟
ہم React, Vue, Angular, Next.js, Nuxt, Astro, Svelte, WordPress, Shopify, Laravel, Django, Ruby on Rails, اور بہت سے دیگر سمیت 35+ پلیٹ فارمز کے لیے کوڈ کے ٹکڑے فراہم کرتے ہیں۔
پروگریسیو ویب ایپس کے بارے میں کیا؟
ہمارا جنریٹر تمام مطلوبہ PWA شبیہیں بناتا ہے بشمول ماسک ایبل ویریئنٹس، پلس درست آئیکن ڈیکلریشنز اور تھیم کے رنگوں کے ساتھ ایک مکمل site.webmanifest فائل۔

Favicons کو سمجھنا

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

ICO فارمیٹ

ICO فارمیٹ ایک فائل میں متعدد سائز (16x16, 32x32, 48x48) پیک کرتا ہے۔ جبکہ جدید براؤزرز PNG favicons کو سپورٹ کرتے ہیں، ICO پرانے براؤزرز اور کچھ ڈیسک ٹاپ ایپلی کیشنز کے ساتھ زیادہ سے زیادہ مطابقت کے لیے ضروری رہتا ہے۔

PNG شبیہیں

جدید براؤزرز PNG favicons کو ان کے کرکرا معیار اور شفافیت کی حمایت کے لیے ترجیح دیتے ہیں۔ ہر سائز ایک مقصد پورا کرتا ہے: 16px اور 32px براؤزر ٹیبز کے لیے، 180px iOS کے لیے، اور 192px/512px Android اور PWAs کے لیے۔

ویب ایپ مینی فیسٹ

site.webmanifest فائل اس بات کی وضاحت کرتی ہے کہ PWA کے طور پر انسٹال ہونے پر آپ کی سائٹ کیسی دکھتی ہے۔ یہ شبیہیں، تھیم کے رنگ، ڈسپلے موڈ، اور دیگر میٹا ڈیٹا کی وضاحت کرتا ہے جو براؤزرز ایپ جیسا تجربہ بنانے کے لیے استعمال کرتے ہیں۔

SVG Favicons

Safari کی پن شدہ ٹیب کی خصوصیت مونوکروم SVG آئیکن کا استعمال کرتی ہے۔ جدید براؤزرز بھی براہ راست SVG favicons کو سپورٹ کرنا شروع کر رہے ہیں، جو لامحدود اسکیل ایبلٹی اور چھوٹے فائل سائز پیش کرتے ہیں۔