SVG ऑप्टिमाइज़र
AI तकनीक से अपनी SVG फ़ाइलें ऑप्टिमाइज़ करेंक्वालिटी बनाए रखते हुए फ़ाइल साइज़ 90% तक घटाएँ
अपनी SVG फ़ाइल यहाँ खींचकर छोड़ें
या अपलोड के लिए ब्राउज़ करें
फ़ाइल SVG होनी चाहिए, अधिकतम 10MB
इस्तेमाल मुफ़्त
असीमित इस्तेमाल
क्रेडिट कार्ड नहीं चाहिए
तुरंत शुरू करें
साइन अप ज़रूरी नहीं
अभी इस्तेमाल करें
हमें क्यों चुनें?
हमारी AI-संचालित तकनीक से सबसे अच्छे नतीजे पाएँ
तेज़ ऑप्टिमाइज़ेशन
हमारे AI-संचालित एल्गोरिदम से अपनी SVG फ़ाइलें सेकंडों में ऑप्टिमाइज़ करें। एंटरप्राइज़ स्तर की परफ़ॉर्मेंस।
फ़ाइल साइज़ घटाएँ
फ़ालतू मेटाडेटा और कोड हटाकर साइज़ 90% तक घटाएँ। पेशेवर नतीजों की गारंटी।
क्वालिटी बरक़रार
विज़ुअल क्वालिटी से समझौता किए बिना ऑप्टिमाइज़्ड SVG फ़ाइलें पाएँ। एंटरप्राइज़ स्तर का क्वालिटी कंट्रोल।
AI-संचालित तकनीक
हम नवीनतम आर्टिफ़िशियल इंटेलिजेंस तकनीकों से आपकी SVG फ़ाइलें समझदारी से ऑप्टिमाइज़ करते हैं। हमारा सिस्टम हज़ारों ऑप्टिमाइज़ेशन से सीखता है और हमेशा सबसे अच्छे नतीजे की गारंटी देता है।
99.9% सफलता दर
10K+ ऑप्टिमाइज़ेशन
असीमित इस्तेमाल
SVG ऑप्टिमाइज़ेशन कैसे काम करता है
आपकी फ़ाइल SVGO से प्रोसेस होती है, जो व्यापक रूप से इस्तेमाल होने वाला ओपन-सोर्स SVG ऑप्टिमाइज़र है। यह अपने डिफ़ॉल्ट प्रीसेट को मल्टीपास मोड में चलाता है: फ़ाइल छोटी होना बंद होने तक पास दोहराए जाते हैं। बदलाव यह हैं।
एडिटर और डॉक्यूमेंट का अतिरिक्त बोझ हटता है
XML डिक्लेरेशन, DOCTYPE, कमेंट और <metadata> ब्लॉक हटा दिए जाते हैं, साथ ही Inkscape, Illustrator और Sketch जैसे एडिटर फ़ाइल में जो अतिरिक्त नेमस्पेस और एट्रिब्यूट लिखते हैं वे भी। "Created with…" जैसे सामान्य विवरण भी हट जाते हैं। इनमें से किसी का असर इमेज के दिखने पर नहीं पड़ता।
संख्याएँ राउंड होती हैं और पाथ डेटा दोबारा लिखा जाता है
निर्देशांक और अन्य संख्यात्मक मान तीन दशमलव स्थान तक राउंड किए जाते हैं। पाथ कमांड अपने सबसे छोटे समतुल्य रूप में लिखे जाते हैं, फ़ालतू सेगमेंट हटा दिए जाते हैं, और एक जैसी स्टाइलिंग वाले पास-पास के पाथ एक में मिलाए जा सकते हैं।
आकृतियाँ, ग्रुप और ट्रांसफ़ॉर्म सरल किए जाते हैं
जहाँ पाथ छोटा पड़े, वहाँ आयत, रेखाएँ और बहुभुज पाथ में बदल दिए जाते हैं। ख़ाली ग्रुप और कंटेनर हटा दिए जाते हैं, कुछ न जोड़ने वाले रैपर ग्रुप समेट दिए जाते हैं, और जहाँ संभव हो ट्रांसफ़ॉर्म मिलाए या लागू कर दिए जाते हैं।
स्टाइल और रंग साफ़ किए जाते हैं
रंग सबसे छोटे रूप में लिखे जाते हैं (जैसे #ff0000 की जगह red), <style> के अंदर का CSS मिनिफ़ाई होता है, जो एट्रिब्यूट सिर्फ़ SVG के डिफ़ॉल्ट दोहराते हैं वे हट जाते हैं, और छिपे या ख़ाली एलिमेंट हटा दिए जाते हैं।
बिना इस्तेमाल के ID और डेफ़िनिशन हटते हैं
जिन ID का फ़ाइल के अंदर कोई हवाला नहीं है वे हटा दिए जाते हैं, और बिना इस्तेमाल के ग्रेडिएंट, पैटर्न और दूसरे <defs> छोड़ दिए जाते हैं। जिन ID का हवाला अब भी है वे अपने मूल नाम रखते हैं; उन्हें छोटा नहीं किया जाता।
viewBox रहता है, तय माप नहीं
viewBox हमेशा बना रहता है ताकि ग्राफ़िक सही ढंग से स्केल हो। width और height एट्रिब्यूट हटा दिए जाते हैं, इसलिए SVG उस बॉक्स को भर देता है जिसमें आप उसे रखें। नतीजा एक ही लाइन में, एट्रिब्यूट के एकसमान क्रम के साथ लिखा जाता है, जो gzip के लिए भी फ़ायदेमंद है।
क्या सुरक्षित है, और कब सावधानी रखें
डिज़ाइन टूल से एक्सपोर्ट किए गए स्थिर आइकन, लोगो और इलस्ट्रेशन, जिनमें हमारे कन्वर्टर से बने SVG भी शामिल हैं, ऑप्टिमाइज़ करने के लिए सुरक्षित हैं और आमतौर पर इनसे सबसे ज़्यादा फ़ायदा मिलता है। इन मामलों में नतीजा ज़्यादा ध्यान से जाँचें।
बाहरी CSS, JavaScript या स्प्राइट में इस्तेमाल होने वाले ID
ऑप्टिमाइज़र सिर्फ़ फ़ाइल को देखता है। अगर कोई बाहरी स्टाइलशीट, स्क्रिप्ट या दूसरे पेज का <use href="icons.svg#name"> किसी ID को निशाना बनाता है, तो वह ID बिना इस्तेमाल का दिखता है और हटा दिया जाएगा। जिन फ़ाइलों में अपना <style> या <script> एलिमेंट है, उनके ID बने रहते हैं।
एनिमेटेड SVG
जो SMIL या CSS एनिमेशन पाथ डेटा को मॉर्फ़ करते हैं, या किसी ख़ास ग्रुप संरचना पर टिके हैं, वे पाथ दोबारा लिखे जाने और ग्रुप समेटे जाने पर टूट सकते हैं। सरल एनिमेशन आमतौर पर बचे रहते हैं, पर मूल फ़ाइल बदलने से पहले नतीजे का प्रीव्यू हमेशा देखें।
एक्सेसिबिलिटी टेक्स्ट
<title> एलिमेंट हटा दिया जाता है। अगर स्क्रीन रीडर को लेबल चाहिए, तो जहाँ SVG एम्बेड करें वहाँ <img> टैग पर alt टेक्स्ट या aria-label जोड़ें।
कोड से दिखाई और छिपाई जाने वाली लेयर
display="none" या शून्य ओपेसिटी से छिपाए गए एलिमेंट अदृश्य माने जाते हैं और हटा दिए जाते हैं। अगर आपकी स्क्रिप्ट उन्हें बाद में दिखाती है, तो उन लेयर को छिपाए बिना एक कॉपी ऑप्टिमाइज़ करें।
जिन फ़ाइलों को आप आगे एडिट करना चाहते हैं
Inkscape की लेयर, गाइड और एडिटर का दूसरा डेटा ऑप्टिमाइज़ेशन के बाद नहीं रहता। एडिटिंग के लिए अपनी सोर्स फ़ाइल रखें और ऑप्टिमाइज़्ड कॉपी प्रकाशित करें।
SVG ऑप्टिमाइज़र के सामान्य सवाल
क्या ऑप्टिमाइज़ करने से मेरे SVG का रूप बदल जाएगा?
लगभग सभी फ़ाइलों में नहीं। बदलाव वह डेटा हटाते हैं जो रेंडर नहीं होता और बाकी को छोटे रूप में दोबारा लिखते हैं। एकमात्र दिखने वाला असर तीन दशमलव तक राउंडिंग से आ सकता है, जो बहुत छोटे viewBox वाले ग्राफ़िक को बड़े साइज़ पर देखने पर नज़र आ सकता है।
मेरी SVG फ़ाइल कितनी छोटी होगी?
यह इस पर निर्भर करता है कि फ़ाइल कहाँ से आई। मेटाडेटा, कमेंट और लंबे दशमलव वाले डिज़ाइन टूल के एक्सपोर्ट अक्सर काफ़ी छोटे हो जाते हैं, जबकि पहले से मिनिफ़ाई की गई फ़ाइलें बहुत कम घटती हैं। नतीजे वाले पेज पर पहले और बाद का सटीक साइज़ दिखता है।
फ़ाइल का अधिकतम साइज़ क्या है?
आप 10 MB तक की SVG फ़ाइलें अपलोड कर सकते हैं। फ़ाइल अपलोड करने की जगह आप SVG कोड सीधे कोड पेस्ट करें टैब में भी पेस्ट कर सकते हैं।
width और height एट्रिब्यूट क्यों हटाए गए?
ऑप्टिमाइज़र viewBox रखता है और तय width व height हटा देता है, ताकि SVG अपने कंटेनर के हिसाब से स्केल हो। अगर आपको तय साइज़ चाहिए, तो <img> टैग पर या CSS में width और height सेट करें।
क्या स्प्राइट में या JavaScript से इस्तेमाल होने वाले SVG को ऑप्टिमाइज़ करना सुरक्षित है?
सावधान रहें। जिन ID का हवाला सिर्फ़ फ़ाइल के बाहर से है वे हटा दिए जाते हैं, क्योंकि ऑप्टिमाइज़र वे हवाले नहीं देख सकता। ऑप्टिमाइज़्ड फ़ाइल को उसकी जगह पर परखें, या ऐसे मामलों के लिए मूल फ़ाइल रखें।
क्या ऑप्टिमाइज़र एक्सेसिबिलिटी की जानकारी हटा देता है?
यह <title> एलिमेंट और एडिटर के सामान्य विवरण हटा देता है। जहाँ SVG एम्बेड करें वहाँ एक्सेसिबल नाम दें, जैसे alt टेक्स्ट या aria-label से।