PWA آئیکن جنریٹر

وہ آئیکنز تیار کریں جو انسٹال ہونے والے ویب ایپ کو درکار ہوتے ہیں — 192 اور 512px کے PNGs اور ایک site.webmanifest — ایک ہی تصویر سے، مکمل طور پر اپنے براؤزر میں۔

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

وہ آئیکنز جو ایپ کو انسٹال کے قابل بناتے ہیں

کسی پروگریسو ویب ایپ کے انسٹال کے قابل ہونے کا فیصلہ جزوی طور پر اس کے آئیکنز پر ہوتا ہے: براؤزر انسٹال پرامپٹ پیش کرنے یا ہوم اسکرین پر ڈھنگ کا آئیکن رکھنے سے پہلے ایسا ویب مینی فیسٹ ڈھونڈتے ہیں جو کم از کم ایک 192×192 اور ایک 512×512 PNG کا اعلان کرے۔ یہ جنریٹر آپ کی ماخذ تصویر سے دونوں رینڈر کرتا ہے اور ایک site.webmanifest لکھتا ہے جو انہیں حوالہ دیتا ہے، ساتھ وہ apple-touch-icon جو iOS چاہتا ہے اور عام ٹیبز کے لیے favicon.ico۔

لانچر کے لیے شکل دیں

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

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

کیا فیویکون بنانے کے لیے میری تصویر اپ لوڈ ہوتی ہے؟
نہیں۔ 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 کو زیادہ تر براؤزر خودکار طور پر اٹھا لیتے ہیں۔