SVG ऑप्टिमाइज़र - SVG फ़ाइलें ऑप्टिमाइज़ और मिनिफ़ाई करें ऑनलाइन
मेटाडेटा हटाकर, पथ ऑप्टिमाइज़ करके और अनावश्यक कोड साफ़ करके SVG फ़ाइलों को ऑप्टिमाइज़, मिनिफ़ाई और कम्प्रेस करें। SVGO आधारित, 100% क्लाइंट-साइड।
अक्सर पूछे जाने वाले प्रश्न
SVG ऑप्टिमाइज़ेशन क्या है और मुझे इसकी आवश्यकता क्यों है?
SVG ऑप्टिमाइज़ेशन अनावश्यक डेटा हटाकर और लॉसलेस ट्रांसफ़ॉर्मेशन लागू करके SVG फ़ाइलों का आकार कम करता है। Adobe Illustrator, Figma, Inkscape जैसे डिज़ाइन टूल्स एक्सपोर्ट में मेटाडेटा, एडिटर नेमस्पेस, कमेंट्स और अनऑप्टिमाइज़्ड पाथ डेटा शामिल करते हैं। SVG ऑप्टिमाइज़ करने से वेब पेज लोड टाइम में सुधार होता है और बैंडविड्थ कम होती है।
मैं इस SVG ऑप्टिमाइज़र टूल का उपयोग कैसे करूं?
SVG इनपुट प्रदान करने के दो तरीके हैं: (1) SVG फ़ाइल को अपलोड एरिया पर ड्रैग एंड ड्रॉप करें, या ब्राउज़ करने के लिए क्लिक करें। (2) SVG मार्कअप को सीधे कोड इनपुट एरिया में पेस्ट करें। SVG लोड होने के बाद, टूल SVGO के डिफ़ॉल्ट प्लगइन प्रीसेट का उपयोग करके स्वचालित रूप से ऑप्टिमाइज़ करता है।
क्या मेरा SVG डेटा सुरक्षित है? क्या फ़ाइलें सर्वर पर अपलोड होती हैं?
आपका SVG डेटा 100% सुरक्षित है और कभी भी आपके ब्राउज़र से बाहर नहीं जाता। सभी ऑप्टिमाइज़ेशन SVGO JavaScript लाइब्रेरी का उपयोग करके क्लाइंट-साइड पर किया जाता है। कोई SVG डेटा किसी सर्वर पर नहीं भेजा जाता।
रॉ साइज़ और Gzip साइज़ में क्या अंतर है?
रॉ साइज़ डिस्क पर फ़ाइल का वास्तविक आकार (बाइट्स) है। Gzip साइज़ gzip कम्प्रेशन के बाद का आकार है, जो वेब सर्वर HTTP पर फ़ाइलें ट्रांसफ़र करते समय आमतौर पर उपयोग करते हैं। Gzip साइज़ वास्तविक बैंडविड्थ प्रभाव का बेहतर प्रतिनिधित्व करता है।
प्रिसिज़न सेटिंग क्या करती है?
प्रिसिज़न सेटिंग (0-8) SVG में संख्यात्मक मानों में कितने दशमलव स्थान संरक्षित होंगे, यह नियंत्रित करती है। कम प्रिसिज़न (1-2) छोटी फ़ाइलें बनाती है लेकिन जटिल SVG में दिखाई देने वाली विकृति पैदा कर सकती है। डिफ़ॉल्ट प्रिसिज़न 3 अधिकांश SVG के लिए अच्छा संतुलन है।
मल्टीपास मोड क्या है?
मल्टीपास मोड SVGO ऑप्टिमाइज़ेशन पाइपलाइन को तब तक कई बार चलाता है जब तक कि आगे कोई साइज़ कमी न हो। मल्टीपास आमतौर पर सिंगल-पास की तुलना में 1-5% अतिरिक्त कमी प्राप्त करता है।
कौन से SVGO प्लगइन्स उपयोग करने के लिए सुरक्षित हैं?
प्रीसेट-डिफ़ॉल्ट के सभी 33 प्लगइन्स अधिकांश SVG के लिए सुरक्षित हैं और डिफ़ॉल्ट रूप से सक्षम हैं। यदि आपका ऑप्टिमाइज़्ड SVG मूल से भिन्न दिखता है, तो कारण खोजने के लिए प्लगइन्स को एक-एक करके अक्षम करने का प्रयास करें।
कोड उदाहरण
import { optimize } from 'svgo';
import { readFileSync, writeFileSync } from 'fs';
function optimizeSvg(svgString, options = {}) {
const { precision = 3, multipass = true, prettify = false } = options;
const result = optimize(svgString, {
multipass,
floatPrecision: precision,
js2svg: { pretty: prettify, indent: 2 },
plugins: ['preset-default'],
});
const originalSize = Buffer.byteLength(svgString, 'utf8');
const optimizedSize = Buffer.byteLength(result.data, 'utf8');
const reduction = Math.round((1 - optimizedSize / originalSize) * 100);
return { data: result.data, originalSize, optimizedSize, reduction };
}
const svg = readFileSync('icon.svg', 'utf8');
const result = optimizeSvg(svg, { precision: 2 });
console.log(`${result.originalSize} -> ${result.optimizedSize} (${result.reduction}% reduction)`);
writeFileSync('icon.min.svg', result.data);