SVG फाइलको साइज कसरी घटाउने?

एउटा .svg फाइल ड्रप गर्नुहोस् वा यसको स्रोत पेस्ट गर्नुहोस्, पूर्वनिर्धारित विकल्पहरू राख्नुहोस्, र मूल र अनुकूलित साइजहरू तुलना गर्नुहोस्। त्यसपछि सानो नतिजा लिन .svg डाउनलोड वा प्रतिलिपि प्रयोग गर्नुहोस्।

SVG अप्टिमाइजरले पूर्वनिर्धारित रूपमा के हटाउँछ?

पूर्वनिर्धारित रूपमा यसले टिप्पणीहरू, शीर्षक, desc र Inkscape वा Sodipodi डेटा सहितको मेटाडेटा, अतिरिक्त खाली ठाउँ, अनावश्यक पूर्वनिर्धारित गुणहरू र XML घोषणा हटाउँछ, र संख्याहरूलाई २ दशमलव स्थानमा राउन्ड गर्छ।

अप्टिमाइज गरेपछि तत्व ID हरू किन राखिन्छन्?

तत्व id गुणहरू हटाउनुहोस् पूर्वनिर्धारित रूपमा बन्द छ किनभने CSS वा JavaScript एनिमेसनहरूले ती ID हरूलाई सन्दर्भ गर्न सक्छन्। तपाईंको पृष्ठमा केहि पनि तिनीहरूमा निर्भर नभएमा मात्र यसलाई खोल्नुहोस्।

मेरो SVG एनिमेसनहरू किन गायब भए?

स्क्रिप्ट ट्यागहरू, on-event गुणहरू, बाह्य सन्दर्भहरू र animate र set जस्ता SMIL एनिमेसन तत्वहरू सुरक्षाको लागि हटाइन्छन्, त्यसैले अनुकूलित SVG स्थिर हुन्छ।

के म React वा CSS मा अनुकूलित SVG प्रयोग गर्न सक्छु?

हुन्छ। प्रतिलिपि र .svg डाउनलोड बाहेक, JSX को रूपमा प्रतिलिपि गर्नुहोस्, जसले गुणहरूलाई camelCase मा बदल्छ, र CSS पृष्ठभूमि प्रतिलिपि गर्नुहोस् छन्। भिजुअल पूर्वावलोकनले तपाईंलाई यो अझै सही रूपमा रेन्डर भएको जाँच गर्न दिन्छ।

के यो साँच्चै निःशुल्क हो?

हो। प्रत्येक उपकरण नि:शुल्क प्रयोग गर्न सकिन्छ, कुनै खाता र क्रेडिट कार्ड बिना। काम हाम्रो सर्भरको सट्टा तपाईंको उपकरणमा चल्छ, जसले गर्दा यो चलाउन नि:शुल्क रहन्छ।

के मेरा फाइलहरू अपलोड हुन्छन्?

होइन। तपाईंका फाइलहरू तपाईंको ब्राउजरभित्रै खोलिन्छन् र प्रशोधन हुन्छन्, LibraTool मा पठाइँदैनन्। केही उपकरणले पहिले ब्राउजरमा प्रशोधन इन्जिन वा AI मोडेल डाउनलोड गर्छन्; त्यस डाउनलोडमा तपाईंको कुनै डेटा हुँदैन।

के यो मोबाइलमा काम गर्छ?

हो। यो iOS र Android का हालका मोबाइल ब्राउजरमा चल्छ, केही इन्स्टल गर्नु पर्दैन। धेरै ठूला फाइल फोनमा ढिलो हुन सक्छन् वा मेमोरी सकिन सक्छ, त्यसका लागि कम्प्युटर प्रयोग गर्नुहोस्।

✨

निःशुल्क SVG अप्टिमाइजर र मिनिफायर

SVG फाइल साइज नाटकीय रूपमा घटाउन मेटाडेटा हटाउनुहोस्, whitespace संकुचित गर्नुहोस्, र दशमलव गोलाकार गर्नुहोस् — सामान्यतः ३०-७०% कटौती। भिजुअल प्रिभ्यूले केही नभाँचिएको प्रमाणित गर्छ।

फाइलको आकार तपाईंको उपकरणमा भर पर्छफाइलहरू निजी रहन्छन्लगइन आवश्यक छैनसधैँका लागि नि:शुल्क

लोड भएपछि अफलाइन काम गर्छ

फाइल यहाँ छोड्नुहोस्, वा ब्राउज गर्न क्लिक गर्नुहोस्

SVG · तपाईंको उपकरणमा प्रशोधन गरियो

वा क्लिपबोर्डबाट टाँस्न Ctrl+V थिच्नुहोस्

फाइलहरू ब्राउज गर्नुहोस्

— वा तलको SVG टाँस्नुहोस् —

तपाईंका फाइलहरू कहिल्यै तपाईंको यन्त्र छोड्दैनन्। सबै प्रशोधन तपाईंको ब्राउजरमा स्थानीय रूपमा हुन्छ।

सामान्य प्रयोगहरू

उत्पादनको लागी SVG आइकन अनुकूलित गर्नुहोस्आइकन SVG बाट अनावश्यक मेटाडेटा हटाउनुहोस् पहिले शिपिङ — सामान्य ५०-८०% कमी।
ब्रान्ड लोगो SVG अनुकूलित गर्नुहोस्गुणस्तर त्यागबिना द्रुत वेबसाइट लोडिङको लागी SVG लोगो फाइल साइज कम गर्नुहोस्।
चित्रहरु र नायक SVG अनुकूलित गर्नुहोस्ठूलो चित्रको लागी (नायकहरु, सजावटी ग्राफिक्स), अनुकूलन फाइल साइज ३०-७०% हटा सक्छ।
JavaScript बन्डल साइज कम गर्नुहोस्जब SVG React घटकको रूपमा आयात गरिन्छ वा कोडमा इनलाइन गरिन्छ, SVG अनुकूलन आपको JS बन्डल कम गर्दछ।
Figma / Sketch SVG निर्यात सफा गर्नुहोस्Figma र Sketch SVG निर्यातमा व्यापक मेटाडेटा समावेश हुन्छ। उत्पादनमा प्रयोग गर्नुभन्दा पहिले यो हटाउनुहोस्।

यो कसरी काम गर्छ

यो उपकरणले कुनै लाइब्रेरी बिना पूर्ण रूपमा तपाईंको ब्राउजरमा चल्ने एउटा हातले लेखिएको ओप्टिमाइजर प्रयोग गरी SVG फाइल साइज घटाउँछ — कुनै सर्भर छैन। यसले दुई पास संयोजन गर्छ: एट्रिब्युट-स्तर सटीक कामका लागि ब्राउजरको बिल्ट-इन DOMParser/XMLSerializer, र कमेन्ट हटाइ, मेटाडेटा हटाइ, र खाली-ठाउँ संकुचनका लागि लक्षित रेगेक्स प्रतिस्थापन।

1
DOMParser ले SVG स्यानिटाइज गर्छ
कुनै पनि ओप्टिमाइजेसनअघि, ब्राउजरको DOMParser ले SVG लाई XML को रूपमा पढ्छ र हरेक एलिमेन्टमा हिँड्छ। स्क्रिप्ट ट्याग, इभेन्ट ह्यान्डलर (कुनै पनि on* एट्रिब्युट), एनिमेसन एलिमेन्ट, र बाह्य URL सन्दर्भहरू बिना शर्त हटाइन्छन् — यो तपाईंले कुन ओप्टिमाइजेसन विकल्प छान्नुभयो भन्ने जेसुकै भए पनि चल्छ।
2
DOM-आधारित दशमलव राउन्डिङ
यदि दशमलव राउन्डिङ सक्षम छ भने, ओप्टिमाइजरले पार्स गरिएको DOM मा दोस्रोपटक हिँड्छ र केवल ज्ञात संख्यात्मक एट्रिब्युटहरूमा (path d डेटा, निर्देशांक, transform मान, stroke चौडाइ, इत्यादि) राउन्डिङ लागू गर्छ, .5.5 जस्ता जोडिएका पथ मानहरू नबिगारी व्यक्तिगत फ्लोटिङ-पोइन्ट नम्बरहरू मिलाउने रेगेक्स प्रयोग गरी।
3
रेगेक्स पासहरूले सिरियलाइज गरिएको मार्कअप सफा गर्छन्
XMLSerializer ले सामान्यीकृत XML उत्पादन गर्छ, त्यसपछि लक्षित स्ट्रिङ प्रतिस्थापनहरूले HTML कमेन्ट, Inkscape/Sodipodi सम्पादक मेटाडेटा, XML घोषणा, अनावश्यक पूर्वनिर्धारित एट्रिब्युट (जस्तै version="1.1"), र अन्तर-ट्याग खाली ठाउँ हटाउँछन् — हरेक पास साँघुरो रूपमा स्कोप गरिएको त्यसैले पाठ नोड सामग्री कहिल्यै छोइँदैन।
4
Gzip साइज र निर्यात ढाँचाहरू
ब्राउजरको CompressionStream API ले इनपुट र आउटपुट दुवैको वास्तविक gzip साइज गणना गर्छ, किनकि त्यही नै वेबमा ट्रान्सफर लागत निर्धारण गर्ने वास्तविक कुरा हो। ओप्टिमाइज गरिएको SVG डाउनलोड गर्न, कच्चा SVG को रूपमा प्रतिलिपि गर्न, React JSX-तयार camelCase एट्रिब्युटमा रूपान्तरण गर्न, वा CSS डेटा URI को रूपमा इन्कोड गर्न सकिन्छ — सबै रूपान्तरण स्थानीय रूपमा हुन्छन्।

तपाईंको SVG पूर्ण रूपमा तपाईंको ब्राउजर ट्याबभित्र पढिन्छ र प्रशोधन गरिन्छ — फाइल बाइटहरू कहिल्यै तपाईंको उपकरणबाट बाहिर जाँदैनन्।

सम्बन्धित उपकरणहरू

🗜️

CSS मिनिफायर र ब्युटिफायर

फाइल साइज घटाउन CSS मिनिफाई गर्नुहोस् वा पठनीयताका लागि मिनिफाई गरिएको CSS beautify गर्नुहोस्। तत्काल, तपाईंको ब्राउजरमा।

प्रयास गर्नुहोस्

🗜️

GIF कम्प्रेसर

एनिमेटेड GIF सानो बनाउनुहोस्: Discord को 256 KB इमोजी वा 512 KB स्टिकर जस्तो साइज सीमाभित्र मिलाउनुहोस्, वा रङ, चौडाइ र फ्रेम आफैं छान्नुहोस्। ब्राउजरमै चल्छ; GIF अपलोड हुँदैन।

प्रयास गर्नुहोस्फाइलहरू स्थानीय रहन्छन्

📄

PDF कम्प्रेसर

PDF फाइलहरू कम्प्रेस गरेर तिनको आकार घटाउनुहोस्। गुणस्तर स्तर छान्नुहोस् — बढी कम्प्रेसनको अर्थ सानो फाइल तर कम छवि गुणस्तर हो।