सीधे कंटेंट पर जाएँ

iOS और Android ऐप आइकन बनाएँ

एक इमेज से iOS, Android, PWA और favicon के सभी साइज़ बनाएँ। Xcode asset catalog और adaptive icon लेयर के साथ ZIP आपके ब्राउज़र में तैयार होती है।

अपना आइकन आर्टवर्क यहाँ छोड़ेंPNG, JPG, WebP या SVG · 1024 × 1024 px या उससे बड़ी इमेज सबसे अच्छी रहती है · 50 MB तक
फ़ाइल चुनेंआपके डिवाइस पर प्रोसेस होती है — कभी अपलोड नहीं होती

एक इमेज से iOS, Android और वेब के लिए 39 PNG आइकन बनते हैं, साथ में Contents.json, adaptive icon XML, favicon.ico और वेब मैनिफ़ेस्ट भी मिलता है। सब कुछ आपके ब्राउज़र में बनता है।

आपके ब्राउज़र में चलता है · अपलोड नहीं होतायह कैसे काम करता है

ऐप आइकन जनरेटर इस्तेमाल कैसे करें

  1. 1

    अपना आर्टवर्क जोड़ें

    एक वर्गाकार PNG, JPG, WebP या SVG यहाँ डालें, बेहतर होगा कि वह 1024 × 1024 पिक्सल या उससे बड़ी हो। पारदर्शी बैकग्राउंड वाला लोगो भी अच्छा चलता है।

  2. 2

    प्लैटफ़ॉर्म चुनें

    iOS, Android और वेब और PWA को चुना रहने दें, या जिन्हें आप रिलीज़ नहीं करते उनका निशान हटा दें। फिर पूरा Xcode साइज़ सेट या सिर्फ़ एक 1024 px आइकन चुनें।

  3. 3

    लुक ठीक करें

    पैडिंग, बैकग्राउंड का रंग और adaptive व maskable आइकन के अंदर आर्ट का साइज़ तय करें। सेफ़-ज़ोन गाइड और लॉन्चर के आकार भी देख लें।

  4. 4

    ZIP डाउनलोड करें

    ZIP डाउनलोड करें पर क्लिक करें और हर फ़ोल्डर को अपने प्रोजेक्ट में कॉपी करें। अंदर की README बताती है कि कौन-सी फ़ाइल कहाँ रखनी है।

सीमाएँ और Pro

बिना वॉटरमार्क के मुफ़्त: एक बार में 50 MB तक की एक सोर्स इमेज, हर ZIP में 44 PNG आइकन तक (डिफ़ॉल्ट रूप से 39, थीम्ड आइकन लेयर के साथ 5 और), डाउनलोड असीमित।

ऐप आइकन जनरेटर के बारे में

App icon generator एक तस्वीर से वह पूरा आइकन सेट बना देता है जो मोबाइल ऐप या प्रोग्रेसिव वेब ऐप को चाहिए। फ़ाइलों के नाम और फ़ोल्डर वैसे ही होते हैं जैसे Xcode, Android Studio और ब्राउज़र उम्मीद करते हैं। सभी प्लैटफ़ॉर्म चुनने पर ZIP में 39 PNG फ़ाइलें होती हैं: iPhone और iPad के asset catalog के लिए 15 (इनमें 1024 px का App Store आइकन भी है), mdpi से xxxhdpi तक के 15 Android लॉन्चर इमेज, 512 px का Google Play आइकन, और 8 वेब आइकन। इन 8 में 192 और 512 px के manifest साइज़, maskable वर्ज़न, 180 px का apple-touch-icon और 16, 32 व 48 px के favicon शामिल हैं।

इमेज के साथ AppIcon.appiconset के लिए Contents.json, Android 8 के adaptive आइकन के लिए mipmap-anydpi-v26 XML (बैकग्राउंड कलर रिसोर्स के साथ), तीन साइज़ वाला favicon.ico, manifest.webmanifest का icons ब्लॉक और HTML link टैग भी मिलते हैं। iOS फ़ाइलें बिना alpha चैनल के बनती हैं, क्योंकि Xcode alpha वाले App Store आइकन को मंज़ूर नहीं करता। हर साइज़ 1024 px के मास्टर से आधा-आधा करके घटाया जाता है, ताकि छोटे आइकन भी साफ़ दिखें।

यह टूल आपके लिए आइकन डिज़ाइन नहीं करता और न ही बैकग्राउंड हटाता है। adaptive बैकग्राउंड लेयर के लिए यह दूसरी इमेज के बजाय एक ठोस रंग इस्तेमाल करता है। स्क्विर्कल, टियरड्रॉप और गोल प्रीव्यू आम लॉन्चरों की नकल हैं। हर फ़ोन कंपनी अपना मास्क बनाती है, इसलिए नतीजा किसी असली डिवाइस पर ज़रूर जाँचें।

गोपनीयता

आपका आर्टवर्क इसी ब्राउज़र टैब में canvas और लोकल Web Worker की मदद से डिकोड, रीसाइज़ और ZIP में पैक होता है। इमेज आपके डिवाइस से बाहर नहीं जाती, न कुछ अपलोड होता है और न सेव किया जाता है।

खूबियाँ

Xcode asset catalog

Contents.json के साथ AppIcon.appiconset, iPhone और iPad के सभी साइज़, बिना alpha वाले PNG।

Adaptive Android आइकन

फ़ोरग्राउंड लेयर, बैकग्राउंड कलर रिसोर्स, गोल आइकन, थीम्ड लेयर और Play Store का 512।

PWA और favicon

Manifest आइकन, maskable वर्ज़न, apple-touch-icon, favicon.ico और तैयार HTML टैग।

ऐप आइकन जनरेटर: अक्सर पूछे जाने वाले सवाल

मेरी सोर्स इमेज का साइज़ कितना होना चाहिए?
कम से कम 1024 × 1024 पिक्सल की वर्गाकार इमेज इस्तेमाल करें। यह App Store आइकन का साइज़ है और सेट की सबसे बड़ी फ़ाइल भी। छोटी इमेज भी चलती है, पर बड़े आइकन खींचकर बड़े किए जाते हैं और धुँधले दिखते हैं, और टूल आपको चेतावनी देता है। SVG फ़ाइलें पूरे रेज़ोल्यूशन पर बनती हैं, इसलिए वेक्टर लोगो हर साइज़ पर तीखा आता है।
मेरे Xcode प्रोजेक्ट में फ़ाइलें कहाँ रखूँ?
Xcode में Assets.xcassets खोलें, मौजूदा AppIcon सेट हटाएँ और ZIP के ios/AppIcon.appiconset फ़ोल्डर को खींचकर डालें। आप Finder में वह फ़ोल्डर बदल भी सकते हैं। Contents.json हर PNG को उसके iPhone, iPad या App Store स्लॉट से जोड़ता है। अगर प्रोजेक्ट Xcode 14 या उसके बाद का है, तो Single 1024 चुनकर छोटे साइज़ Xcode से बनवा सकते हैं।
Android के adaptive आइकन कैसे काम करते हैं?
Android 8 से लॉन्चर आइकन में 108 dp की दो लेयर होती हैं: बैकग्राउंड, जो यहाँ आपका चुना रंग है, और फ़ोरग्राउंड, जिसमें आपका आर्टवर्क है। लॉन्चर बीच का 72 dp काटकर अपना आकार लगाता है, जैसे गोला या स्क्विर्कल। इसलिए बीच के 66 dp के घेरे के बाहर की चीज़ें कट सकती हैं। सेफ़-ज़ोन गाइड प्रीव्यू पर ये दोनों सीमाएँ दिखाते हैं।
PWA के लिए maskable आइकन क्या होता है?
maskable आइकन पूरे वर्ग को बैकग्राउंड से भर देता है, ताकि Android उसे बिना सफ़ेद किनारों के किसी भी आकार में काट सके। ब्राउज़र सिर्फ़ इमेज के बीच के 80% हिस्से को ढकने वाले घेरे की गारंटी देते हैं, इसलिए लोगो उसी के अंदर रखें। ZIP में 192 और 512 px के maskable PNG हैं, और manifest स्निपेट उन्हें सामान्य आइकन के साथ purpose maskable से चिह्नित करता है।
मेरे iOS आइकन में बैकग्राउंड का रंग क्यों है?
Apple के मुताबिक ऐप आइकन पूरी तरह अपारदर्शी होने चाहिए। alpha चैनल वाला App Store आइकन वैलिडेशन में फ़ेल हो जाता है, और पारदर्शी हिस्से होम स्क्रीन पर काले दिखते हैं। इसलिए टूल iOS आइकन, apple-touch-icon, Play Store आइकन और adaptive व maskable आइकन आपके बैकग्राउंड रंग से भरता है, भले ही पारदर्शी वेब आइकन चालू हों।
सभी डेवलपर टूल