SVG को GIF में बदलें
SVG को अपनी चुनी हुई चौड़ाई पर GIF इमेज में बदलें, उन जगहों के लिए जहाँ GIF चलता है पर वेक्टर फ़ाइलें नहीं दिखतीं। नतीजा एक स्थिर तस्वीर होती है, जिसमें ज़्यादा से ज़्यादा 256 रंगों का पैलेट होता है और जहाँ SVG में कुछ नहीं बना है, वहाँ बैकग्राउंड ट्रांसपेरेंट रहता है।
इमेज कन्वर्टर
या JPG, JPEG, JPE … फ़ाइलें यहाँ ड्रop करें ·
प्रति फ़ाइल अधिकतम 95 MB· अधिकतम 20 फ़ाइलें· 30 मिनट बाद हटा दी जाती हैं
फ़ाइलें हमारे सर्वर पर प्रोसेस होती हैं और 30 मिनट बाद हटा दी जाती हैं।
85 पर फ़ोटो देखने में मूल जैसी ही रहती हैं। छोटी फ़ाइल चाहिए तभी इसे घटाएँ।
JPG, BMP और EPS में ट्रांसपेरेंसी नहीं होती। पारदर्शी पिक्सल इस रंग से भरे जाते हैं।
पारदर्शी पिक्सल के पीछे इस्तेमाल होने वाला हेक्स रंग, जैसे #FFFFFF।
इस फ़ॉर्मैट में सिर्फ़ एक इमेज होती है। एनिमेशन रखना हो तो GIF या WebP आउटपुट चुनें।
मल्टी-साइज़ आइकन एक फ़ाइल में कई रिज़ॉल्यूशन रखता है; ब्राउज़र और ऑपरेटिंग सिस्टम अपनी ज़रूरत का चुन लेते हैं।
मूल डाइमेंशन रखें, या एक साइड डालें और आस्पेक्ट रेशियो बना रहेगा।
ऊपर चुनी गई साइड के पिक्सल।
मूल डाइमेंशन का प्रतिशत।
स्क्रीन और वेब के लिए sRGB सही है। प्रिंट वर्कफ़्लो के लिए मूल रखें; ग्रेस्केल रंग हटा देता है।
सिर्फ़ मेटाडेटा, 0 मूल मान रखता है। प्रिंटर और कुछ पोर्टल यह संख्या पढ़ते हैं; इससे पिक्सल डाइमेंशन नहीं बदलते।
इस टूल का उपयोग कैसे करें
- 1
SVG फ़ाइलें अपलोड करें
अपने कंप्यूटर से अधिकतम 20 .svg फ़ाइलें जोड़ें, हर एक 95 MB तक, या उन्हें अपलोड एरिया में खींचकर छोड़ दें।
- 2
पिक्सल चौड़ाई सेट करें
यह पेज वेक्टर को 600 px चौड़ाई में बनाता है। एडवांस्ड सेटिंग में आउटपुट इमेज रीसाइज़ करें के नीचे का नंबर बदलें; ऊँचाई ड्रॉइंग के अनुपात के हिसाब से अपने आप तय हो जाती है।
- 3
GIF में कन्वर्ट करें
GIF में बदलें दबाएँ और हर इमेज डाउनलोड करें, या पूरा सेट ZIP में लें। इस्तेमाल से पहले एक फ़ाइल को उसी बैकग्राउंड पर देख लें जिस पर वह लगेगी।
SVG को GIF में बदलने पर रेज़ोल्यूशन से मुक्त ड्रॉइंग की जगह अधिकतम 256 रंगों वाला तय पिक्सल ग्रिड मिलता है, जो सपाट लोगो और आइकन के लिए ठीक है और ग्रेडिएंट के लिए कमज़ोर।
SVG को अपनी ज़रूरत की चौड़ाई पर GIF में बदलें
SVG निर्देशों का एक सेट है: यह पाथ बनाओ, इसे इस रंग से भरो, यह टेक्स्ट यहाँ रखो। GIF इसका उलटा है, पिक्सल का ग्रिड जिसका हर पिक्सल 256 तक पैलेट एंट्री में से एक को चुनता है। कन्वर्ट करने का मतलब है निर्देशों को चुनी हुई पिक्सल चौड़ाई पर एक बार बनाकर नतीजा सेव करना, इसीलिए आउटपुट इमेज रीसाइज़ करें के नीचे की चौड़ाई यहाँ की किसी भी और सेटिंग से ज़्यादा मायने रखती है। यह पेज 600 px से शुरू होता है।
GIF 1987 का है, जब CompuServe ने इसे जारी किया था, और 1989 के संस्करण GIF89a में पारदर्शिता और फ़्रेम डिले जुड़े। आज इसकी सबसे बड़ी ताक़त यही उम्र है: जो सॉफ़्टवेयर नए फ़ॉर्मेट नहीं मानते, पुराने फ़ोरम इंजन से लेकर कुछ मेल क्लाइंट और विज्ञापन नेटवर्क तक, वे GIF अब भी दिखाते हैं। इसके उलट SVG कई अपलोड फ़ॉर्म में रोका जाता है, क्योंकि वह XML है जिसमें स्क्रिप्ट हो सकती है।
स्रोत वेक्टर है, इसलिए आप उसे किसी भी चौड़ाई पर बिना शार्पनेस खोए बना सकते हैं। वही साइज़ चुनें जिस पर GIF असल में दिखेगी; छोटी GIF को बाद में बड़ा करने पर वही धुंधलापन आ जाता है जो SVG में कभी नहीं था।
| from ↓ · to → | पारदर्शी बैकग्राउंड | नरम अर्ध-पारदर्शी किनारे | 256 से ज़्यादा रंग | Animation |
|---|---|---|---|---|
| GIF | GIF to पारदर्शी बैकग्राउंड: yes | – GIF to नरम अर्ध-पारदर्शी किनारे: no | – GIF to 256 से ज़्यादा रंग: no | GIF to Animation: yes |
| PNG | PNG to पारदर्शी बैकग्राउंड: yes | PNG to नरम अर्ध-पारदर्शी किनारे: yes | PNG to 256 से ज़्यादा रंग: yes | – PNG to Animation: no |
| WEBP | WEBP to पारदर्शी बैकग्राउंड: yes | WEBP to नरम अर्ध-पारदर्शी किनारे: yes | WEBP to 256 से ज़्यादा रंग: yes | WEBP to Animation: yes |
| JPG | – JPG to पारदर्शी बैकग्राउंड: no | – JPG to नरम अर्ध-पारदर्शी किनारे: no | JPG to 256 से ज़्यादा रंग: yes | – JPG to Animation: no |
SVG
Scalable Vector Graphics
SVG एक XML-आधारित वेक्टर फ़ॉर्मेट है, जिसे W3C ने 2001 में मानकीकृत किया। यह पिक्सल की जगह आकृतियों, पाथ और टेक्स्ट को बताता है, इसलिए किसी भी साइज़ पर तीखा रहता है और लोगो व आइकन के लिए आमतौर पर बहुत छोटा होता है। यह ट्रांसपेरेंसी, CSS स्टाइलिंग, स्क्रिप्टिंग और एनिमेशन को सपोर्ट करता है, और हर ब्राउज़र इसे सीधे रेंडर करता है। SVG फ़ोटो के लिए उपयुक्त नहीं है, और जटिल इलस्ट्रेशन रेंडर होने में धीमे हो सकते हैं। Illustrator, Inkscape, Figma और ब्राउज़र इसे खोल और एडिट कर सकते हैं।
- कंप्रेशन
- –
- ट्रांसपेरेंसी (पारदर्शिता)
- हाँ
- एनिमेशन
- हाँ
- शुरुआत का वर्ष
- 2001 · W3C
GIF
ग्राफ़िक्स इंटरचेंज फ़ॉर्मेट
GIF को CompuServe ने 1987 में पेश किया था और छोटे, लूप होने वाले एनिमेशन के लिए यह आज भी सबसे व्यापक रूप से सपोर्टेड फ़ॉर्मेट है। यह लॉसलेस है, पर हर फ़्रेम में केवल 256 रंगों के पैलेट तक सीमित है, इसलिए फ़ोटो और ग्रेडिएंट में बैंडिंग और डिदरिंग दिखती है। यह सिर्फ़ चालू/बंद (1-बिट) पारदर्शिता सपोर्ट करता है, जिससे घुमावदार आकृतियों के किनारे दाँतेदार दिखते हैं। एनिमेटेड GIF अक्सर उसी क्लिप के MP4 या WebP से कहीं बड़े होते हैं। हर ब्राउज़र, चैट ऐप और सोशल प्लेटफ़ॉर्म GIF चलाता है।
- कंप्रेशन
- लॉसलेस
- ट्रांसपेरेंसी (पारदर्शिता)
- हाँ
- एनिमेशन
- हाँ
- शुरुआत का वर्ष
- 1987 · CompuServe
SVG से GIF उन जगहों के लिए है जो GIF पर ही अटकी हैं, जैसे ईमेल सिग्नेचर, पुराने फ़ोरम और विज्ञापन स्लॉट, जहाँ वेक्टर लोगो की छोटी सपाट इमेज चाहिए; GIF को SVG बनाना ट्रेसिंग का काम है, जिसका मक़सद स्केलेबल आर्टवर्क वापस पाना है।
एनिमेटेड SVG से GIF: क्या कन्वर्ट नहीं होता
SMIL, CSS और स्क्रिप्ट एनिमेशन हटा दिए जाते हैं
जो SVG ब्राउज़र में animate एलिमेंट, CSS कीफ़्रेम या JavaScript से चलता है, वह शुरुआती स्थिति दिखाने वाले एक स्थिर GIF फ़्रेम में बदल जाता है। चलती GIF के लिए एनिमेशन को वीडियो के रूप में रिकॉर्ड करें और उसे वीडियो को GIF में बदलें टूल से कन्वर्ट करें।
256 रंग और एक-बिट ट्रांसपेरेंसी असल में कैसी दिखती है
ज़्यादातर SVG लोगो में गिनती के सपाट रंग होते हैं, इसलिए पैलेट की सीमा से कोई नुकसान नहीं होता। दिक्कत एंटी-एलियास्ड किनारों और ग्रेडिएंट में आती है। रेंडर हुए SVG के हर घुमावदार किनारे में बीच के पिक्सल होते हैं जो आंशिक पारदर्शी होते हैं; GIF को उनमें से हर एक को पूरा दिखाना या पूरा साफ़ करना पड़ता है, जिससे आउटलाइन सीढ़ीनुमा या किनारे पर हल्की झालर बन सकती है।
इसका हल है कन्वर्ट करने से पहले बैकग्राउंड तय करना। अगर GIF सफ़ेद ईमेल बॉडी पर रहेगी, तो SVG में सफ़ेद बैकग्राउंड रेक्टैंगल दें; डार्क फ़ोरम थीम पर उस थीम का रंग इस्तेमाल करें। तब किनारे के पिक्सल सही रंग में मिल जाते हैं और आउटलाइन चिकनी रहती है। अगर पहले से पता न हो, तो PNG ज़्यादा सुरक्षित है।
SVG से GIF के बारे में सवाल
SVG लोगो के लिए PNG की जगह GIF क्यों इस्तेमाल करें?
सिर्फ़ तब, जब आपकी जगह GIF ही माँगती हो, जैसे कोई पुराना CMS, फ़ोरम सिग्नेचर या विज्ञापन टेम्पलेट जिसमें इमेज टाइप GIF लिखा हो। PNG में नरम किनारे और असीमित रंग बने रहते हैं, इसलिए जहाँ दोनों चलें वहाँ SVG को PNG में बदलें बेहतर विकल्प है।
क्या मेरा एनिमेटेड SVG एनिमेटेड GIF बनेगा?
नहीं। कन्वर्टर SVG को उसकी शुरुआती स्थिति में एक बार बनाता है, इसलिए SMIL एनिमेशन एलिमेंट, CSS कीफ़्रेम और स्क्रिप्ट नहीं चलते और आपको एक स्थिर फ़्रेम मिलता है। मूवमेंट चाहिए तो एनिमेशन को ब्राउज़र में चलाकर वीडियो के रूप में रिकॉर्ड करें, फिर वीडियो को GIF में बदलें इस्तेमाल करें।
मेरे लोगो के किनारे टेढ़े-मेढ़े क्यों दिखते हैं या उनके चारों ओर हल्की चमक क्यों आती है?
GIF में पारदर्शिता हर पिक्सल के लिए बस चालू या बंद होती है, इसलिए SVG के चिकने, आंशिक पारदर्शी किनारे वाले पिक्सल को या तो रखना पड़ता है या हटाना पड़ता है। जो किनारे एक बैकग्राउंड के हिसाब से मिलाए गए थे, वे दूसरे पर झालर जैसे दिखते हैं। कन्वर्ट करने से पहले टारगेट पेज के रंग का बैकग्राउंड रेक्टैंगल जोड़ दें, तो किनारे साफ़ मिल जाते हैं।
SVG के ग्रेडिएंट का क्या होता है?
GIF पैलेट में अधिकतम 256 रंग होते हैं, इसलिए चिकने ग्रेडिएंट को अनुमान से बनाना पड़ता है। छोटे ग्रेडिएंट ठीक दिखते हैं; बड़े और हल्के ग्रेडिएंट में सीढ़ीनुमा धारियाँ या बिंदुओं वाला डिदर पैटर्न दिखता है। सपाट रंगों वाले लोगो और आइकन, यानी आम SVG कंटेंट, पैलेट में आसानी से आ जाते हैं।
क्या मैं GIF को ईमेल सिग्नेचर में इस्तेमाल कर सकता हूँ?
हाँ, और लोगों को यह कन्वर्ज़न इसी वजह से ज़्यादातर चाहिए होता है। Gmail और Outlook संदेशों में SVG इमेज नहीं दिखाते, जबकि GIF ईमेल क्लाइंट में दशकों से दिखती आ रही है। चौड़ाई कम रखें, लगभग 300 से 600 px, ताकि सिग्नेचर हल्का रहे।
कन्वर्टर SVG की कौन-सी साइज़ सेटिंग पढ़ता है?
यह ड्रॉइंग की चौड़ाई, ऊँचाई और viewBox से अनुपात निकालता है, फिर आपकी तय की हुई पिक्सल चौड़ाई पर उसे बनाता है। स्रोत वेक्टर है, इसलिए बड़ी चौड़ाई चुनने पर शार्पनेस नहीं घटती, सिर्फ़ फ़ाइल साइज़ बढ़ता है।
SVG और GIF से जुड़े दूसरे टूल
- SVG को PNG में बदलेंSVG लोगो और आइकन को अपनी चुनी चौड़ाई (डिफ़ॉल्ट 1024 px) पर PNG में बदलें, ट्रांसपेरेंट बैकग्राउंड के साथ। जानें DPI और पिक्सल का संबंध।
- PNG को GIF में बदलेंकेवल GIF लेने वाले टूल और टेम्पलेट के लिए PNG को GIF में बदलें। पहले देखें कि 256 रंग और 1-बिट ट्रांसपेरेंसी इमेज पर क्या असर डालते हैं।
- JPG को GIF में बदलेंफोरम अवतार, ईमेल सिग्नेचर और सिर्फ़ GIF पढ़ने वाले सॉफ़्टवेयर के लिए JPG फोटो को GIF में बदलें। एक बार में 20, 256 रंग, अकाउंट नहीं चाहिए।
- इमेज को GIF में बदलेंJPG, PNG, WebP, HEIC, SVG आदि को फ़ोरम, ईमेल सिग्नेचर और पुराने सिस्टम के लिए GIF में बदलें। एक बार में 20 फ़ाइलें, बिना अकाउंट, बिना वॉटरमार्क।
- SVG को JPEG में बदलेंSVG को JPEG में बदलें, उन पोर्टल और CMS के लिए जो वेक्टर नहीं लेते। सफ़ेद बैकग्राउंड, डिफ़ॉल्ट 1920 px चौड़ाई, एक बार में 20 फ़ाइलें, बिना अकाउंट।
- GIF को PNG में बदलेंGIF को PNG में बदलें, ट्रांसपेरेंसी बनी रहती है: पहला फ्रेम स्टिल फोटो के रूप में लें या एनिमेशन का हर फ्रेम अलग PNG फ़ाइल में निकालें।