Fruga
फ्रंटएंड स्टूडियोSVG टूलकिटटूल बदलें

SVG टूलकिट

SVG से एडिटर का बचा हुआ कचरा हटाएँ, उसकी संख्याएँ राउंड करें, फिर उसे React, Vue, React Native, Flutter या Android कंपोनेंट के रूप में निकालें। सब कुछ इसी टैब में होता है, फ़ाइल कहीं अपलोड नहीं होती।

  • आउटपुट: 10 फ़ॉर्मेट
  • आपकी फ़ाइल: टैब से बाहर नहीं जाती
  • आम तौर पर बचत: 40-60% बाइट

आपका SVG

मार्कअप पेस्ट करें, या .svg फ़ाइल बॉक्स में छोड़ें।

सफ़ाई के और विकल्प

प्रीव्यू

560 B → 272 B, 51% छोटा

बैकग्राउंड
Created with a drawing application
  • 1 कमेंट हटाया गया
  • 3 एडिटर एट्रिब्यूट हटाए गए

आउटपुट

फ़ॉर्मेट चुनें, फिर कोड कॉपी या डाउनलोड करें।

272 B · Icon.svg
यहाँ कुछ भी अपलोड नहीं हुआ, कन्वर्ज़न इसी टैब में चला।

ऑप्टिमाइज़र क्या हटाता है

कमेंट, मेटाडेटा ब्लॉक, ड्रॉइंग ऐप के छोड़े हुए namespaced एट्रिब्यूट और ख़ाली ग्रुप। संख्याएँ आपकी चुनी सटीकता तक राउंड होती हैं, और फ़ाइल में viewBox न हो तो जोड़ दिया जाता है।

यह जान-बूझकर क्या नहीं करता

यह paths को मर्ज नहीं करता, transforms को समतल नहीं करता और ऐसी id नहीं हटाता जिसका कहीं हवाला हो। इनसे बाइट बचते हैं, लेकिन फ़ाइल की शक्ल बदल सकती है, और जो छोटा आइकन अलग दिखे वह फ़ायदा नहीं है।

Android आउटपुट के बारे में

VectorDrawable सिर्फ़ paths बनाता है, इसलिए आयत, गोले और बहुभुज पहले बदले जाते हैं। ग्रेडिएंट, फ़िल्टर और टेक्स्ट का कोई समकक्ष नहीं है, उन्हें चुपचाप हटाने की बजाय रिपोर्ट किया जाता है।

अक्सर पूछे जाने वाले प्रश्न

SVG को React कंपोनेंट में कैसे कन्वर्ट करें?
फ़ाइल पेस्ट करें और React आउटपुट चुनें। एट्रिब्यूट के नाम JSX वाले रूप में बदल जाते हैं, मार्कअप कंपोनेंट में लिपट जाता है, और props पास होते हैं ताकि साइज़ और रंग इस्तेमाल की जगह से तय हो सकें। कुछ भी अपलोड नहीं होता, कन्वर्ज़न इसी टैब में चलता है।
ऑप्टिमाइज़र असल में क्या हटाता है?
कमेंट, मेटाडेटा ब्लॉक, ड्रॉइंग ऐप के छोड़े हुए namespaced एट्रिब्यूट और ख़ाली ग्रुप। संख्याएँ आपकी चुनी सटीकता तक राउंड होती हैं, और फ़ाइल में viewBox न हो तो जोड़ दिया जाता है।
यह paths मर्ज या transforms समतल क्यों नहीं करता?
क्योंकि इनसे बाइट तो बचते हैं, लेकिन फ़ाइल की शक्ल बदल सकती है या कोई id टूट सकती है जिसका कहीं और हवाला हो। जो छोटा आइकन अलग दिखे वह फ़ायदा नहीं है, इसलिए ऑप्टिमाइज़र ऐसे हर जोखिम भरे क़दम से पहले रुक जाता है।
क्या यह SVG को Android VectorDrawable में बदलता है?
हाँ। VectorDrawable सिर्फ़ paths बनाता है, इसलिए आयत, गोले और बहुभुज पहले paths में बदले जाते हैं। ग्रेडिएंट, फ़िल्टर और टेक्स्ट का कोई समकक्ष नहीं है, इसलिए उन्हें चुपचाप हटाने की बजाय रिपोर्ट किया जाता है।