इस टूल के बारे में
यह टूल SVG के दिखाई देने वाले क्षेत्र की चौड़ाई और ऊँचाई तय करता है। आइकन या चित्र के लिए निश्चित आयाम चुन सकते हैं। SVG वेक्टर ही रहता है और आकार बदलने के लिए पाथ के निर्देशांक दोबारा नहीं लिखे जाते।
इस्तेमाल कैसे करें
- SVG फ़ाइल चुनें या उसका स्रोत पेस्ट करें। मौजूदा चौड़ाई, ऊँचाई और viewBox देखें।
- नई चौड़ाई भरें। अनुपात ज्ञात हो और उसे बनाए रखने का विकल्प चालू हो, तो ऊँचाई अपने आप बदल जाएगी।
- दोनों आयाम अलग-अलग तय करने के लिए अनुपात बनाए रखने का विकल्प बंद करें और दोनों मान भरें।
- नए आयाम लागू करें, प्रीव्यू जाँचें और resized.svg डाउनलोड करें।
सुविधाएँ
- दिखने वाली चौड़ाई और ऊँचाई पिक्सेल में तय करें। अनुपात बनाए रखने का विकल्प डिफ़ॉल्ट रूप से चालू है।
- मान्य viewBox के अनुपात को प्राथमिकता मिलती है। viewBox न होने पर स्पष्ट रूप से दी गई चौड़ाई और ऊँचाई का उपयोग करने की कोशिश की जाती है।
- भरोसेमंद आयाम न मिलने पर अनुपात अज्ञात बताया जाता है। ऐसे में चौड़ाई और ऊँचाई दोनों भरें।
दिखने वाला आकार और अंदरूनी निर्देशांक
- width और height दिखने वाले क्षेत्र का आकार तय करते हैं। viewBox, SVG के अंदरूनी निर्देशांकों का क्षेत्र तय करता है। यह टूल दिखने वाला आकार बदलता है और मूल viewBox बनाए रखता है।
- उदाहरण के लिए, viewBox यदि 0 0 800 600 हो और अनुपात बनाए रखते हुए चौड़ाई 400 की जाए, तो ऊँचाई 300 होगी।
- viewBox न होने पर चौड़ाई और ऊँचाई बदलने से चित्र का आकार बदलना ज़रूरी नहीं है; केवल दिखने वाला क्षेत्र बदल सकता है। परिणाम जाँचें और ज़रूरत पड़ने पर SVG viewBox टूल का उपयोग करें।
- मुख्य डाउनलोड में मूल फ़ाइल की बिना बदली सामग्री बनी रहती है, जिसमें स्क्रिप्ट या बाहरी संदर्भ हो सकते हैं। प्रीव्यू में इन्हें फ़िल्टर किया जाता है। सुरक्षा फ़िल्टर वाली SVG अलग से भी डाउनलोड कर सकते हैं।
SVG सुरक्षा संबंधी जानकारी
प्रीव्यू के लिए सुरक्षा फ़िल्टर वाली स्थिर प्रति इस्तेमाल होती है। इसमें स्क्रिप्ट, क्लिक इवेंट या एनिमेशन नहीं चलते और बाहरी चित्र, फ़ॉन्ट या स्टाइल लोड नहीं होते। बाहरी संदर्भ, एम्बेड किए गए वेब पेज और असमर्थित सामग्री हटा दी जाती है, इसलिए प्रीव्यू मूल फ़ाइल से अलग हो सकता है। DOCTYPE या कस्टम एंटिटी वाले दस्तावेज़ समर्थित नहीं हैं।
SVG फ़ाइल या UTF-8 सोर्स कोड की सीमा 2 MiB है। तत्वों और टेक्स्ट सहित अधिकतम 20000 नोड और नेस्टिंग के 96 स्तर हो सकते हैं। बहुत बड़ी या जटिल फ़ाइल को पहले सरल करें।
निजता
आपकी SVG सामग्री केवल आपके ब्राउज़र में संसाधित होती है। इसे सर्वर पर अपलोड नहीं किया जाता।
इनपुट और परिणाम अपने आप नहीं सहेजे जाते। टूल खाली करने या पेज छोड़ने से पहले ज़रूरी फ़ाइलें डाउनलोड करें और मूल प्रति संभालकर रखें।
अक्सर पूछे जाने वाले प्रश्न
width, height और viewBox में क्या अंतर है?
width और height बाहरी प्रदर्शन क्षेत्र का आकार तय करते हैं। viewBox चित्र के अंदरूनी निर्देशांकों का क्षेत्र बताता है। चौड़ाई और ऊँचाई बदलने से पाथ में दिए निर्देशांक सीधे नहीं बदलते।
क्या SVG के आयाम बदलने से स्पष्टता घटती है?
वेक्टर आकृतियाँ आकार बदलने पर भी स्पष्ट रहती हैं, लेकिन फ़ाइल में शामिल पिक्सेल चित्रों में नई बारीकियाँ नहीं जुड़तीं। पाठ का रूप फ़ॉन्ट और ब्राउज़र पर भी निर्भर करता है।
SVG बड़ा करने पर आमतौर पर बिटमैप की तरह धुंधला क्यों नहीं होता?
वेक्टर आकृतियाँ पाथ और निर्देशांकों से बनती हैं। ब्राउज़र उन्हें वर्तमान आकार के अनुसार दोबारा बनाता है। बिटमैप में पिक्सेल की संख्या तय होती है।
चौड़ाई और ऊँचाई का अनुपात कैसे बनाए रखा जाता है?
मूल अनुपात 800:600 यानी 4:3 हो और नई चौड़ाई 400 हो, तो ऊँचाई 400 × 3 ÷ 4, यानी 300 होगी। अनुपात अज्ञात होने पर दोनों आयाम खुद भरें।