Lottie प्लेयर, रंग संपादक और ऑप्टिमाइज़र — सब कुछ लोकल
.lottie, .tgs और .json एनिमेशन खोलें, हर भराव, स्ट्रोक और ग्रेडिएंट स्टॉप का रंग बदलें, देखें कि दूसरे प्लेयर में क्या टूटेगा, और JSON, SVG, PNG, फ़्रेम अनुक्रम या WebM में निर्यात करें — सब कुछ आपके ब्राउज़र में।
संरचना देखने के लिए कोई एनिमेशन खोलें।
यह कैसे काम करता है
फ़ाइल छोड़ें
सादा .json, .lottie आर्काइव, Telegram का .tgs स्टिकर या दबा हुआ .json.gz। कहीं कुछ अपलोड नहीं होता।
रिपोर्ट पढ़ें
कुछ भी रेंडर होने से पहले आपको आकार, लेयर की संख्या और यह सूची मिलती है कि iOS, Android या पुराने प्लेयर में क्या टूटेगा।
रंग बदलें और ट्रिम करें
हर भराव, स्ट्रोक, ग्रेडिएंट स्टॉप और रंग का कीफ़्रेम एक स्वैच बन जाता है। लेयर छिपाएँ, रेंज ट्रिम करें, fps बदलें।
निर्यात करें या आगे बढ़ें
JSON, .lottie, SVG, PNG, क्रमांकित फ़्रेम अनुक्रम या WebM वीडियो; या नतीजा सीधे सुइट के किसी दूसरे टूल में भेज दें।
कुछ भी आपकी मशीन से बाहर नहीं जाता
प्लेयर, रंग संपादक, ऑप्टिमाइज़र और हर निर्यात आपके ही CPU पर चलते हैं। न अपलोड, न खाता, न कतार — और नेटवर्क बंद होने पर भी यह चलता रहता है।
वे रंग जो दूसरे व्यूअर नहीं पकड़ते
ज़्यादातर ऑनलाइन व्यूअर सिर्फ़ स्थिर भराव ढूँढ़ते हैं। यह स्ट्रोक, ग्रेडिएंट स्टॉप, ठोस लेयर और एनिमेटेड रंग के कीफ़्रेम भी पकड़ता है, और बताता है कि हर रंग कितनी बार इस्तेमाल हुआ है।
असली लेयर ट्री
हर शीर्ष-स्तरीय लेयर उसके प्रकार, एक्सप्रेशन और ट्रैक मैट के साथ, और अनचाही लेयर छिपाने का स्विच। बाद में उन्हें निर्यात की गई फ़ाइल से हटाया भी जा सकता है।
ऐसा ऑप्टिमाइज़र जो हिसाब दिखाता है
एक्सपोर्टर ने जो निर्देशांक पंद्रह अंकों में लिखे थे उन्हें गोल करना, लेखक का मेटाडेटा हटाना और छिपी लेयर निकालना अक्सर फ़ाइल आधी कर देता है। आपको पहले और बाद के बाइट दिखते हैं, कोई वादा नहीं।
छवि और वीडियो निर्यात
मौजूदा फ़्रेम PNG या SVG में, पूरी रेंज ZIP के अंदर क्रमांकित PNG अनुक्रम में, या फ़्रेम-सटीक WebM वीडियो। सब कुछ इसी टैब के canvas पर रेंडर होता है।
एक संगतता रिपोर्ट
एक्सप्रेशन, मर्ज पाथ, लेयर इफ़ेक्ट, टेक्स्ट लेयर, 3D चिह्न और URL से जुड़ी छवियाँ — यही वे चीज़ें हैं जिनकी वजह से एनिमेशन यहाँ सही और फ़ोन पर गलत दिखता है।
एक प्लेयर जो सचमुच रेंडर करता है, न कि स्ट्रीम होने वाला पूर्वावलोकन
एनिमेशन को इसी पेज पर चल रहा lottie-web रेंडर करता है — दस्तावेज़ की अपनी फ़्रेम दर पर, फ़्रेम-सटीक स्क्रबिंग और असली नियंत्रण के साथ: एक-एक फ़्रेम आगे बढ़ना, उल्टा चलाना, रेंज ट्रिम करना, fps बदलना। रेंडरर लोकल है, इसलिए न अपलोड का इंतज़ार है और न किसी पूर्वावलोकन सेवा की गुणवत्ता सीमा।
कोई Lottie एनिमेशन खोलें, देखें कि उसके अंदर ठीक-ठीक क्या है, उसके रंग बदलें, फ़ालतू वज़न हटाएँ और जिस फ़ॉर्मैट की सचमुच ज़रूरत है उसमें निर्यात करें — किसी को भेजे बिना।
डिज़ाइनर आपको 900 KB का Lottie देता है जो Android पर टूट जाता है। यह टूल प्रकाशित करने से पहले बताता है कि क्यों, After Effects लौटे बिना उसे ब्रांड के रंगों में बदलने देता है, एक्सपोर्टर की छोड़ी हुई छिपी लेयर हटाता है, और फ़ाइल JSON, .lottie, SVG, PNG, फ़्रेम अनुक्रम या WebM में लौटा देता है।
सब कुछ इसी टैब में होता है। साथ ही यह टूल उन एनिमेशन को चिह्नित करता है जो छवियों को URL से जोड़ते हैं — यही एकमात्र स्थिति है जब Lottie आत्मनिर्भर नहीं होता — और .lottie आर्काइव में आने पर उन्हें खुद एम्बेड कर देता है।
अक्सर पूछे जाने वाले सवाल
Qक्या मेरी एनिमेशन कहीं अपलोड होती हैं?+
नहीं। फ़ाइल ब्राउज़र की अपनी File API से पढ़ी जाती है, मेमोरी में संसाधित होती है, और इसी पेज के साथ आए प्लेयर से रेंडर होती है। किसी भी चरण पर सर्वर को कॉल नहीं जाती, और दो विज़िट के बीच कुछ भी सहेजा नहीं जाता।
Qमैं कौन-से फ़ॉर्मैट खोल सकता हूँ?+
सादा .json Lottie, .lottie आर्काइव (जो lottiefiles.com डिफ़ॉल्ट रूप से देता है), Telegram का .tgs स्टिकर और दबा हुआ .json.gz। कंटेनर सामग्री से पहचाना जाता है, इसलिए गलत नाम वाली फ़ाइल भी खुल जाती है।
Qफ़ाइल छोड़ते ही कुछ चलता क्यों नहीं?+
यह जानबूझकर है। फ़ाइल छोड़ने पर वह सिर्फ़ पढ़ी और जाँची जाती है; पहले आपको उसका आकार, संरचना और संगतता रिपोर्ट मिलती है, और बटन दबाने पर प्लेयर शुरू होता है। यह सब छोड़ना हो तो JSON खुद चिपका दें — वह तुरंत खुलता है।
Qअसल में कौन-से रंग बदले जा सकते हैं?+
स्थिर भराव और स्ट्रोक, भराव या स्ट्रोक ग्रेडिएंट का हर स्टॉप, ठोस लेयर का रंग, और एनिमेटेड रंग प्रॉपर्टी का हर कीफ़्रेम। एम्बेडेड PNG में पके हुए या लेयर इफ़ेक्ट से बने रंग नहीं बदले जा सकते — कोई भी संपादक संसाधन दोबारा बनाए बिना ऐसा नहीं कर सकता।
Qऑप्टिमाइज़र फ़ाइल कितनी छोटी करता है?+
यह पूरी तरह स्रोत पर निर्भर है, इसीलिए टूल कोई आँकड़ा गिनाने के बजाय पहले और बाद के असली बाइट दिखाता है। After Effects से सीधे आई फ़ाइलें दो दशमलव पर आम तौर पर 40-60% छोटी हो जाती हैं, क्योंकि उनका ज़्यादातर वज़न पंद्रह सार्थक अंकों में लिखे निर्देशांक ही होते हैं।
Qक्या मैं GIF निर्यात कर सकता हूँ?+
सीधे नहीं, और यह जानबूझकर है: ब्राउज़र में चलने वाला GIF एन्कोडर वेक्टर एनिमेशन के रंगों को पोस्टराइज़ कर देगा। इसके बजाय क्रमांकित PNG अनुक्रम या WebM निर्यात करें — दोनों पूरी पैलेट रखते हैं, और कोई भी एन्कोडर उन्हें बिना नुकसान GIF बना देगा।
Qक्या रंग बदलने से एनिमेशन खराब होता है?+
नहीं। हर बदलाव मूल दस्तावेज़ के ऊपर एक पैच के रूप में रखा जाता है, और मूल कभी नहीं बदलता। किसी भी समय पूर्ववत करें, फिर से करें, पैलेट रीसेट करें, या तुलना दबाए रखकर अछूती फ़ाइल देखें।