इमेज / ऐप आइकन
Icon Composer के लिए लिक्विड ग्लास आइकन जनरेटर
अग्रभूमि PNG या SVG को Icon Composer और Xcode 26 के लिए Liquid Glass .icon बंडल में बदलें। बैकग्राउंड रंग और पैडिंग चुनें, अनुमानित light, dark, tinted और clear प्रीव्यू की तुलना करें और एक flattened 1024 × 1024 PNG एक्सपोर्ट करें।
Icon Composer के लिए लिक्विड ग्लास आइकन जनरेटर: यह Icon Composer द्वारा दिए गए स्वचालित बैकग्राउंड gradient से एक अग्रभूमि इमेज को अलग रखता है। आपकी चुनी हुई पैडिंग के अनुसार आर्टवर्क को केंद्र में रखकर .icon बंडल को ZIP में पैकेज करता है। ब्राउज़र प्रीव्यू में rounded squares और घड़ी का circle दिखता है, साथ ही अनुमानित tinted और clear modes भी। flattened PNG में चुना हुआ solid base colour होता है और उसमें glass materials नहीं होते। प्रीव्यू shape और appearance controls बंडल की settings नहीं बदलते। यह आपके ब्राउज़र में 100% स्थानीय रूप से चलता है और सर्वर पर कोई फ़ाइल अपलोड नहीं होती।
- श्रेणी
- इमेज टूल्स
- रन
- आपके ब्राउज़र में
- लागत
- मुफ़्त · साइन अप की ज़रूरत नहीं
- उपलब्धता
- इस्तेमाल के लिए तैयार
पूरी तरह आपके ब्राउज़र में चलता है
Liquid Glass, iOS 26 के साथ पेश की गई Apple की डिज़ाइन भाषा है। ऐप आइकन ऐसे लेयर और मटेरियल इस्तेमाल करते हैं जो अपनी दिखावट और आसपास के वातावरण के अनुसार बदलते हैं। Apple डेवलपर दस्तावेज़ · Human Interface Guidelines
आर्टवर्क यहाँ छोड़ें या फ़ाइलें ब्राउज़ करें। पारदर्शी आर्टवर्क सबसे अच्छा रहता है। अधिकतम 20 MB।
Icon Composer आपके रंग से बैकग्राउंड में अपने-आप ग्रेडिएंट भरता है। ये प्रीव्यू और flattened PNG ठोस बेस रंग का इस्तेमाल करते हैं; अंतिम ग्रेडिएंट Icon Composer में समायोजित करें।
यह अनुमानित प्रीव्यू है; अंतिम रूप iOS द्वारा रेंडर किया जाता है। आकार, टिंटेड और क्लियर दिखावट केवल चित्रण हैं, Apple का मटेरियल रेंडरिंग नहीं।
ZIP को एक्सट्रैक्ट करें, Xcode 26 के लिए Icon Composer में AppIcon.icon खोलें, मटेरियल और दिखावट की समीक्षा करें, फिर .icon बंडल को अपने Xcode प्रोजेक्ट में जोड़ें। पुराने टार्गेट के लिए flattened PNG को asset catalogue में इस्तेमाल करें। Apple की Icon Composer गाइड
यह जनरेटर बैकग्राउंड फ़िल के ऊपर एक फ़ोरग्राउंड लेयर रखता है। यह लेयर की गहराई, रिफ्रैक्शन, हाइलाइट या शैडो को संपादित नहीं करता। Icon Composer में अन्य लेयर जोड़ें और समायोजित करें। प्रीव्यू कंट्रोल बंडल की दिखावट सेटिंग्स नहीं बदलते।
आपकी इमेज आपके ब्राउज़र में रहती है। कुछ भी अपलोड नहीं होता।
Liquid Glass और app icon design
Apple अपने developer documentation और Human Interface Guidelines में Liquid Glass और adaptable app icons का वर्णन करता है। अलग-अलग platforms और appearances पर पहचानने योग्य icon के लिए उसके guidance का पालन करें। https://developer.apple.com/documentation/technologyoverviews/liquid-glass और https://developer.apple.com/design/human-interface-guidelines/app-icons
Icon Composer और Xcode
Icon Composer layered artwork और material adjustments को support करता है। निकाले गए .icon bundle को अपने Xcode project में जोड़ने से पहले वहीं खोलकर जाँचें। यह जनरेटर एक foreground layer और आपके colour के आधार पर automatic background gradient देता है। https://developer.apple.com/icon-composer/ और https://developer.apple.com/documentation/Xcode/creating-your-app-icon-using-icon-composer
इस्तेमाल करने का तरीका
- अग्रभूमि आर्टवर्क चुनें—आदर्श रूप से पारदर्शी PNG या SVG—और उसकी पैडिंग व बैकग्राउंड रंग सेट करें।
- light और dark होम स्क्रीन, प्लेटफ़ॉर्म आकारों तथा अनुमानित tinted या clear रूपों की तुलना करें।
- .icon ZIP डाउनलोड करके extract करें, बंडल को Icon Composer में खोलें, अंतिम रूप की समीक्षा करें और इसे अपने Xcode प्रोजेक्ट में जोड़ें। पुराने targets के लिए flattened PNG डाउनलोड करें।
गोपनीयता और सीमाएँ
इमेज आपके ब्राउज़र में decode और export होती हैं। आपका आर्टवर्क अपलोड नहीं होता।
संबंधित टूल्स
अक्सर पूछे जाने वाले सवाल
Liquid Glass क्या है?
Liquid Glass Apple की design language है, जिसे iOS 26 के साथ पेश किया गया था। ऐप आइकन ऐसे layers और materials का उपयोग कर सकते हैं जो अलग-अलग appearances के अनुसार बदलते हैं। यह पेज एक starting bundle तैयार करता है; इसका अंतिम रूप operating system render करता है।
Xcode 26 में डाउनलोड का उपयोग कैसे करूँ?
ZIP को extract करके AppIcon.icon बंडल को Icon Composer में खोलें। वहीं आइकन की समीक्षा करके उसे save करें, फिर .icon बंडल को अपने Xcode प्रोजेक्ट में जोड़ें और उसे app icon के रूप में चुनें। Apple की Icon Composer guide में project setup समझाया गया है।
क्या यह editor layered depth को support करता है?
यह background fill के ऊपर एक foreground layer देता है। यह multiple layers, depth, refraction, highlights या shadows को edit नहीं करता। Layers जोड़ने और materials को fine-tune करने के लिए Icon Composer का उपयोग करें।
क्या प्रीव्यू अंतिम iOS appearance दिखाते हैं?
नहीं। Rounded-square और circle shapes तथा tinted और clear effects अनुमानित प्रीव्यू हैं। अंतिम रूप iOS द्वारा render किया जाता है। ब्राउज़र और flattened PNG में solid background colour का उपयोग होता है; स्वचालित gradient Icon Composer देता है।
मुफ़्त टूल · आपके ब्राउज़र में बार चलता है · अकाउंट की ज़रूरत नहीं