HTML से GIF कन्वर्टर

Q: चैट ऐप के लिए GIF को काफ़ी छोटा कैसे करूँ?

कम **HTML पेज की चौड़ाई** रखें, या सिर्फ़ पहला पेज बदलें। फिर भी नतीजा सीमा से बड़ा हो तो [Discord के लिए GIF कंप्रेस करें](/compress-gif-for-discord) उसे अपलोड सीमा के करीब छोटा कर देता है।

HTML फ़ाइल को ब्राउज़र इंजन में रेंडर करें और उसे GIF के रूप में सेव करें, उन जगहों के लिए जहाँ आज भी यही फॉर्मेट माँगा जाता है: ईमेल सिग्नेचर, पुराने फ़ोरम, पुराने CMS फ़ील्ड। विंडो की चौड़ाई आप चुनते हैं, और यह भी कि आपको एक लंबी तस्वीर चाहिए या पेज-साइज़ फ्रेम का क्रम।

या DOC, DOCX, DOCM … फ़ाइलें यहाँ ड्रop करें ·

प्रति फ़ाइल अधिकतम 95 MB· अधिकतम 20 फ़ाइलें· 30 मिनट बाद हटा दी जाती हैं

आउटपुट

इसमें बदलें

रिज़ॉल्यूशन

इमेज

फ़ाइलें हमारे सर्वर पर प्रोसेस होती हैं और 30 मिनट बाद हटा दी जाती हैं।

इस टूल का उपयोग कैसे करें

1
HTML अपलोड करें
प्रति बैच अधिकतम 20 और हर एक 95 MB तक की .html, .htm या .mhtml फ़ाइलें जोड़ें। पेज को Webpage, Single File के रूप में सेव करने पर उसकी इमेज और स्टाइल फ़ाइल के साथ ही रहती हैं।
2
चौड़ाई और लेआउट चुनें
HTML पेज की चौड़ाई 1280 px है; ईमेल टेम्पलेट के लिए 600 px रखें। इमेज में एक लंबी इमेज का मतलब है एक स्टिल GIF; पेज के साइज़ के फ्रेम एक के बाद एक दिखाने के लिए इसे एक प्रति पेज पर सेट करें।
3
GIF में बदलें
GIF में बदलें दबाएँ। अगर GIF को किसी रंगीन बैकग्राउंड पर लगाना है, तो एडवांस्ड सेटिंग में पारदर्शी बैकग्राउंड चालू करें।

HTML से GIF यह कैप्चर करता है कि पेज कैसा दिखता है, कैसे चलता है यह नहीं: ब्राउज़र पेज को आपकी चौड़ाई पर बनाता है, और नतीजा या तो एक स्टिल GIF होता है या एक फ़ाइल में पेज के साइज़ के फ्रेम का सेट।

HTML से GIF कन्वर्ज़न कैसे काम करता है

पहले HTML को किसी भी वेब पेज की तरह, आपकी तय की गई HTML पेज की चौड़ाई पर, 320 से 3840 px तक, सजाया जाता है। फ़ाइल के अंदर की स्टाइल और इमेज लागू होती हैं; जो फ़ॉन्ट नहीं मिल पाते उनकी जगह मिलते-जुलते फ़ॉन्ट लगते हैं। फिर रेंडर किया गया पेज कैप्चर होता है।

इमेज को एक लंबी इमेज पर रखने से हेडर से फ़ुटर तक पूरा पेज एक स्टिल GIF बन जाता है। एक प्रति पेज पर रखने से पेज को पेज के साइज़ के टुकड़ों में काटा जाता है और वे टुकड़े एक GIF के फ्रेम बनते हैं, जो उन्हें क्रम से दिखाता है। यह लंबे न्यूज़लेटर या कई सेक्शन वाले लैंडिंग पेज को स्क्रॉल किए बिना देखने के लिए काम का है।

फॉर्मेट ही सीमाएँ तय करता है। CompuServe ने 1987 में GIF पेश किया, और 1989 के GIF89a संस्करण में फ्रेम डिले और पारदर्शी रंग जुड़े, जिन्हें आज भी हर व्यूअर सपोर्ट करता है। हर फ्रेम 256 रंगों के पैलेट तक सीमित है, इसलिए कन्वर्टर पेज के रंगों को सबसे अच्छे उपलब्ध पैलेट पर मैप करता है। टेक्स्ट, आइकन, बटन और फ्लैट ब्रांड रंग साफ़ आते हैं; फोटो और नरम शैडो में सबसे ज़्यादा गिरावट आती है।

रेंडर किए गए वेब पेज के लिए ज़रूरी GIF की सीमाएँ

प्रति फ्रेम रंग: 256
हर पिक्सल पर पारदर्शिता, नरम किनारे नहीं: चालू/बंद
पेज कैप्चर होता है, रिकॉर्ड नहीं: स्टिल
प्रति बैच HTML फ़ाइलें, हर एक 95 MB तक: 20

HTML को GIF में बदलें: क्या उम्मीद करें

मिथकपेज के GIF में उसके होवर इफ़ेक्ट और एनिमेशन दिखते हैं।

तथ्यइंटरैक्टिव स्थितियों और गति को चालू करने के लिए किसी व्यक्ति या स्क्रिप्ट की ज़रूरत होती है। कैप्चर में पेज अपनी सामान्य अवस्था में दिखता है।

मिथकवेब पेज के लिए GIF सबसे छोटा इमेज फॉर्मेट है।

तथ्यफोटो वाले पेज के लिए JPG या WebP आमतौर पर काफ़ी छोटा होता है। GIF सिर्फ़ सरल, फ्लैट ग्राफ़िक्स में जीतता है।

मिथकGIF पेज को उसके वेबसाइट पते से उठा लेगा।

तथ्यकन्वर्टर आपकी अपलोड की गई HTML फ़ाइल पर काम करता है। पहले पेज को ब्राउज़र से सेव करें, बेहतर होगा एक ही MHTML फ़ाइल के रूप में।

मिथकज़्यादा फ्रेम रखने से GIF ज़्यादा शार्प होता है।

तथ्यफ्रेम से लंबाई और फ़ाइल साइज़ बढ़ता है, बारीकी नहीं। शार्पनेस पेज की चौड़ाई और रंगों के पैलेट से आती है।

HTML

हाइपरटेक्स्ट मार्कअप लैंग्वेज

HTML वेब की मार्कअप भाषा है, जिसका वर्णन पहली बार 1990 के दशक की शुरुआत में Tim Berners-Lee ने किया था और अब WHATWG इसे लिविंग स्टैंडर्ड के रूप में संभालता है। HTML फ़ाइल हेडिंग, पैराग्राफ़, लिंक, टेबल, इमेज और फ़ॉर्म बताती है, जबकि स्टाइलिंग आमतौर पर CSS से आती है। हर ब्राउज़र इसे दिखाता है, और यह ईमेल टेम्पलेट व सेव किए गए वेब पेज में भी इस्तेमाल होती है। एक HTML फ़ाइल अक्सर बाहरी इमेज और स्टाइलशीट पर निर्भर करती है, इसलिए अकेले ले जाने पर बिगड़ी हुई दिख सकती है।

कंप्रेशन: –
ट्रांसपेरेंसी (पारदर्शिता): –
एनिमेशन: –
शुरुआत का वर्ष: 1993 · Tim Berners-Lee; maintained by WHATWG

HTML कन्वर्टर

GIF

ग्राफ़िक्स इंटरचेंज फ़ॉर्मेट

GIF को CompuServe ने 1987 में पेश किया था और छोटे, लूप होने वाले एनिमेशन के लिए यह आज भी सबसे व्यापक रूप से सपोर्टेड फ़ॉर्मेट है। यह लॉसलेस है, पर हर फ़्रेम में केवल 256 रंगों के पैलेट तक सीमित है, इसलिए फ़ोटो और ग्रेडिएंट में बैंडिंग और डिदरिंग दिखती है। यह सिर्फ़ चालू/बंद (1-बिट) पारदर्शिता सपोर्ट करता है, जिससे घुमावदार आकृतियों के किनारे दाँतेदार दिखते हैं। एनिमेटेड GIF अक्सर उसी क्लिप के MP4 या WebP से कहीं बड़े होते हैं। हर ब्राउज़र, चैट ऐप और सोशल प्लेटफ़ॉर्म GIF चलाता है।

कंप्रेशन: लॉसलेस
ट्रांसपेरेंसी (पारदर्शिता): हाँ
एनिमेशन: हाँ
शुरुआत का वर्ष: 1987 · CompuServe

GIF कन्वर्टर

रेंडर किए गए पेज के लिए लोग GIF तब चुनते हैं जब गंतव्य सिर्फ़ GIF लेता हो, जैसे ईमेल सिग्नेचर या कोई पुराना प्लेटफ़ॉर्म, या जब वे पेज के कई फ्रेम एक ऐसी फ़ाइल में चाहते हों जो वीडियो प्लेयर के बिना चले।

HTML से GIF के बारे में सवाल

क्या यह CSS एनिमेशन को एनिमेटेड GIF में बदल सकता है?

नहीं। पेज को एक बार रेंडर करके कैप्चर किया जाता है, इसलिए CSS ट्रांज़िशन, कीफ्रेम एनिमेशन, वीडियो और स्क्रिप्ट वाले इफ़ेक्ट उसी पल पर रुके हुए दिखते हैं। गति कैप्चर करनी हो तो पेज चलते समय स्क्रीन रिकॉर्ड करें और रिकॉर्डिंग को वीडियो से GIF से बदलें।

GIF में ग्रेडिएंट और फोटो दानेदार क्यों दिखते हैं?

GIF के हर फ्रेम में अधिकतम 256 रंग हो सकते हैं। स्मूद ग्रेडिएंट, शैडो या फोटो वाले पेज में हज़ारों रंग होते हैं, इसलिए उन्हें डिदरिंग से अनुमानित किया जाता है, जो धब्बों या पट्टियों जैसा दिखता है। फ्लैट डिज़ाइन और टेक्स्ट अच्छे रहते हैं; फोटो वाले पेज के लिए HTML को PNG में बदलें हर रंग बनाए रखता है।

ट्रांसपेरेंट GIF के किनारे टेढ़े-मेढ़े क्यों दिखते हैं?

GIF की पारदर्शिता हर पिक्सल पर या तो चालू होती है या बंद, आंशिक अपारदर्शिता नहीं होती। बैकग्राउंड में घुले एंटी-एलियास किनारे या तो ठोस रंग बन जाते हैं या गायब हो जाते हैं, जिससे गहरे बैकग्राउंड पर हल्की रेखा दिख सकती है। अगर GIF वैसे भी सफ़ेद पर लगना है, तो सफ़ेद बैकग्राउंड रखें।

क्या GIF के रूप में सेव किया गया HTML ईमेल सिग्नेचर हर मेल ऐप में काम करेगा?

स्टिल GIF लगभग हर ईमेल क्लाइंट में दिखता है, इसीलिए सिग्नेचर में यह फॉर्मेट सालों तक चला। एनिमेटेड GIF कम भरोसेमंद हैं: 2007 से 2013 तक का क्लासिक Outlook for Windows सिर्फ़ पहला फ्रेम दिखाता है, इसलिए ज़रूरी सामग्री पहले फ्रेम पर रखें।

चैट ऐप के लिए GIF को काफ़ी छोटा कैसे करूँ?

कम HTML पेज की चौड़ाई रखें, या सिर्फ़ पहला पेज बदलें। फिर भी नतीजा सीमा से बड़ा हो तो Discord के लिए GIF कंप्रेस करें उसे अपलोड सीमा के करीब छोटा कर देता है।