ایپ آئیکن اسٹوڈیو کی خصوصیات
🎨 ریئل ٹائم پیش نظارہ، سمارٹ کراپنگ، بیچ ایکسپورٹ، اور مزید کے ساتھ پیشہ ورانہ آل ان ون ایپ آئیکن جنریشن کا حل۔ کے لیے بہترین ٹولiOS آئیکن جنریشن, Android آئیکن کی تخلیق، اورapp آئیکن ڈیزائن.
Smart Cropping
1: 1 مربع کراپ کو گھسیٹیں اور ایڈجسٹ کریں اور آئیکن کے مواد کو بالکل مرکز میں رکھنے کے لیے زوم کریں۔
ٹپ: زوم کرنے کے لیے ماؤس وہیل کا استعمال کریں، کراپ ایریا کو ایڈجسٹ کرنے کے لیے گھسیٹیں۔
دوہری-پلیٹ فارم سپورٹ
مختلف آلات پر ریئل ٹائم سمولیشن پیش نظارہ کے ساتھ iOS اور Android دونوں کے لیے سپورٹ۔
iOS مسلسل گھماؤ والے کونوں کا استعمال کرتا ہے، Android دائرہ یا مربع استعمال کرتا ہے۔
مکمل سائز کوریج
13 معیاری آئیکن سائز ایپ اسٹور کے لیے 1024px سے Android کے لیے 36px تک، سب ایک جگہ پر۔
iOS@1x/@2x/@3x اور Android کے متعدد DPI سائز پر مشتمل ہے
حقیقی وقت کا پیش نظارہ
دیکھیں کہ آپ کا آئیکن iOS اور Android آلات پر کیسا لگتا ہے جب آپ ترمیم کرتے ہیں، حقیقی وقت میں۔
بائیں طرف ترمیم کریں، دائیں جانب فوری طور پر پیش نظارہ دیکھیں
بیچ ایکسپورٹ
ایک کلک کے ساتھ تمام آئیکن سائز تیار کریں اور پلیٹ فارم اور سائز کے لحاظ سے منظم، زپ فائل کے طور پر ڈاؤن لوڈ کریں۔
ZIP الگ الگ iOS اور Android فولڈرز پر مشتمل ہے۔
پرائیویسی اور سیکیورٹی
خالص فرنٹ اینڈ پروسیسنگ - آپ کی تصویر کا ڈیٹا کبھی بھی آپ کے آلے کو نہیں چھوڑتا، آپ کی ڈیزائن کی رازداری کی حفاظت کرتا ہے۔
تمام پروسیسنگ آپ کے براؤزر میں ہوتی ہے، کوئی سرور اپ لوڈ نہیں۔
تعاون یافتہ پلیٹ فارمز اور تکنیکی تفصیلات
iOS پلیٹ فارم آئیکن کی تفصیلات
- • ایپ اسٹور: 1024×1024px (PNG، کوئی شفافیت نہیں)
- • iPhone @3x: 180×180px (ریٹنا HD)
- • iPhone @2x: 120×120px (ریٹنا)
- • iPad Pro: 167×167px
- • iPad @2x: 152×152px
- • iPad @1x: 76×76px
- • سسٹم کے ذریعہ خودکار طور پر لگاتار گھماؤ والے کونے کا ماسک
Android پلیٹ فارم آئیکن کی تفصیلات
- • Play Store: 512×512px (PNG, 32‑bit)
- • xxxhdpi: 192×192px (اضافی-اضافی-اضافی-ہائی کثافت)
- • xxhdpi: 144×144px (اضافی-اضافی-اعلی کثافت)
- • xhdpi: 96×96px (اضافی اعلی کثافت)
- • hdpi: 72×72px (زیادہ کثافت)
- • mdpi: 48×48px (درمیانی کثافت)
- • ldpi: 36×36px (کم کثافت)
تکنیکی نوٹ:یہ ٹول تمام جدید براؤزرز (Chrome 60+, Firefox 55+, Safari 11+, Edge 79+) کے ساتھ ہم آہنگ آئیکنز بنانے کے لیے HTML5 کینوس ٹیکنالوجی کا استعمال کرتا ہے۔
اکثر پوچھے گئے سوالات (FAQ)
میرا آئیکن مخصوص سائز پر دھندلا کیوں ہے؟
دھندلی شبیہیں عام طور پر ناکافی سورس امیج ریزولوشن کی وجہ سے ہوتی ہیں۔ ہم تجویز کرتے ہیں:
- • کم از کم 1024×1024 پکسلز کی سورس امیج استعمال کریں
- • ویکٹر (SVG) یا اعلی ریزولوشن PNG کو ترجیح دیں
- • یقینی بنائیں کہ آپ کے آئیکن میں کلیدی عناصر بڑے اور واضح ہیں۔
- • سورس امیج میں ضرورت سے زیادہ تفصیل سے گریز کریں—تفصیلات چھوٹے سائز میں ضائع ہو جاتی ہیں
میں مختلف پلیٹ فارمز پر مسلسل ڈسپلے کو کیسے یقینی بنا سکتا ہوں؟
پلیٹ فارم میں فرق معمول کی بات ہے، لیکن آپ ان تجاویز کے ساتھ اصلاح کر سکتے ہیں:
- • اہم مواد کو مرکزی کے اندر رکھیںمحفوظ زون(کناروں سے بچیں)
- • چھوٹے سائز میں واضح شناخت کے لیے ہائی-کنٹراسٹ ڈیزائن استعمال کریں
- • دائیں پینل میں دونوں پلیٹ فارمز کے لیے ریئل ٹائم پیش نظارہ چیک کریں۔
- • iOS خود بخود گول کونے شامل کرتا ہے۔ تھیم کے لحاظ سے اینڈرائیڈ کی شکلیں مختلف ہوتی ہیں — اس کے مطابق ڈیزائن
کیا یہ شفاف پس منظر کی حمایت کرتا ہے؟
ہاں، شفاف پس منظر مکمل طور پر تعاون یافتہ ہیں:
- • اپ لوڈ کردہ PNGs میں شفاف علاقے محفوظ ہیں۔
- • تخلیق کردہ شبیہیں اصل شفافیت کو برقرار رکھتی ہیں۔
- • ایسے پلیٹ فارمز کے لیے جن کے لیے مبہم پس منظر کی ضرورت ہوتی ہے (مثال کے طور پر، iOS ایپ اسٹور)، سفید پس منظر خود بخود شامل ہو جاتا ہے۔
- • غور کریں کہ مختلف پس منظر میں شفافیت کیسے نظر آئے گی۔
میں کون سے فائل فارمیٹس بنا سکتا ہوں؟
فی الحال، شبیہیں بنیادی طور پر PNG فارمیٹ میں تیار ہوتی ہیں:
- • تمام شبیہیں PNG کے طور پر تیار کی جاتی ہیں (تجویز کردہ کراس پلیٹ فارم فارمیٹ)
- • PNG شفاف پس منظر اور اعلیٰ معیار کے کمپریشن کو سپورٹ کرتا ہے
- • Android کے لیے، WebP بہتر کمپریشن پیش کر سکتا ہے لیکن اس کے لیے علیحدہ تبدیلی کی ضرورت ہے۔
- • iOS ایپ اسٹور آئیکنز کو بغیر کسی شفافیت کے PNG کی ضرورت ہوتی ہے۔
کیا یہ ٹول مفت ہے؟ کیا کوئی حدود ہیں؟
ہاں، ایپ آئیکن اسٹوڈیو مکمل طور پر مفت ہے:
- • استعمال کے لیے مفت، کسی رجسٹریشن یا لاگ ان کی ضرورت نہیں۔
- • استعمال کی کوئی حد نہیں۔
- • تصویر کے سائز کی کوئی حد نہیں ہے (حالانکہ بڑی تصاویر پر کارروائی میں زیادہ وقت لگ سکتا ہے)
- • تمام پروسیسنگ براؤزر میں ہوتی ہے، سرور کی کوئی قیمت نہیں۔
- • مستقبل میں جدید خصوصیات شامل کی جا سکتی ہیں، لیکن بنیادی فعالیت مفت رہے گی۔
میں اپنے پروجیکٹ میں تیار کردہ آئیکنز کو کیسے ضم کروں؟
انضمام کے مراحل پلیٹ فارم کے لحاظ سے مختلف ہوتے ہیں:
- iOS (Xcode):آئیکنز کو Assets.xcassets میں سیٹ AppIcon میں گھسیٹیں
- Android (Android اسٹوڈیو):res/mipmap‑*dpi/ فولڈرز میں شبیہیں کاپی کریں
- React مقامی:ری ایکٹ-مقامی-میک ٹول کا استعمال کریں یا ios/ اور android/ ڈائریکٹریز میں دستی طور پر رکھیں
- پھڑپھڑانا:pubspec.yaml میں آئیکن کنفیگریشن کو اپ ڈیٹ کریں اور مناسب ڈائریکٹریز میں رکھیں
جنریٹ شدہ زپ پہلے سے ہی آسان استعمال کے لیے پلیٹ فارم اور سائز کے لحاظ سے منظم ہے۔