मुख्य सामग्री पर जाएँ

वेबसाइट को स्क्रॉल होते GIF में कैसे बदलें

URL से स्क्रॉल होते वेब पेज का एनिमेटेड GIF बनाइए, और फ़ाइल इतनी छोटी रखिए कि ईमेल, डॉक्स और README में चल जाए। GIF कब लें, और कब MP4 बेहतर है।

Aviral Lakhanpaul को अपडेट किया गया3 मिनट का पाठ

छोटा जवाब

पेज का URL किसी ऐसे टूल में चिपकाइए जो GIF एक्सपोर्ट करता हो, जैसे Website Scroll Video, स्क्रॉल को 720p या 1080p पर और 24 fps या उससे कम पर 20 सेकंड से छोटा रखिए, और एक्सपोर्ट कीजिए। GIF वहाँ सही है जहाँ वीडियो नहीं चलता, जैसे ईमेल और कुछ डॉक्स में; बाक़ी हर जगह उसी स्क्रॉल का MP4 या WebM ज़्यादा साफ़ और कई गुना छोटा होता है।

GIF कब सही फ़ॉर्मैट है

GIF एक पुराना फ़ॉर्मैट है, जिसमें हर फ़्रेम के लिए 256 रंगों का पैलेट होता है और ऐसा कंप्रेशन जो चलती तस्वीरों के लिए कभी बना ही नहीं था। ग्रेडिएंट और इमेज से भरी किसी आधुनिक वेबसाइट का स्क्रॉल इसके लिए लगभग सबसे मुश्किल मामला है। यह फिर भी टिका हुआ है क्योंकि लगभग हर जगह चलता है, बिना किसी प्लेयर, क्लिक या ऑटोप्ले नियम के।

  • GIF लीजिए किसी क्लाइंट को भेजे ईमेल या न्यूज़लेटर में, GitHub README या इशू में, ऐसे डॉक्स और विकी में जो वीडियो एम्बेड नहीं करते, और उन चैट ऐप में जो GIF का प्रीव्यू वहीं दिखाते हैं।
  • MP4 या WebM लीजिए अपनी वेबसाइट पर, सोशल पोस्ट में, पोर्टफ़ोलियो में और हर उस जगह जहाँ <video> टैग काम करता है। वही गति, बेहतर रंग, और साइज़ उसका छोटा-सा हिस्सा।

GIF बनाइए

  1. URL चिपकाएँ

    होम पेज पर पता चिपकाइए और पेज को लोड होने दीजिए। कुछ भी कैप्चर होने से पहले कुकी बैनर और चैट विजेट हटा दिए जाते हैं।

  2. फ़ॉर्मैट में GIF चुनें

    जो सेटिंग GIF नहीं सँभाल सकता, वे आपके लिए अपने आप सीमित हो जाती हैं: ज़्यादा से ज़्यादा 24 fps, ज़्यादा से ज़्यादा 1080p, और ज़्यादा से ज़्यादा 20 सेकंड।

  3. छोटा और धीमा रखें

    स्क्रॉल को पेज के उस हिस्से तक ट्रिम कीजिए जो मायने रखता है, और गति धीमी रखिए। 24 fps पर तेज़ स्क्रॉल टेक्स्ट को धुंधला कर देता है, और GIF में यह वीडियो से ज़्यादा नज़र आता है।

  4. प्रीव्यू देखें, फिर एक्सपोर्ट करें

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

फ़ाइल को छोटा रखना

GIF का साइज़ हर पिक्सेल, हर फ़्रेम और बदलने वाले हर रंग के साथ बढ़ता है। असर के मोटे क्रम में:

स्क्रॉल होते GIF को क्या बड़ा बनाता है
सेटिंगछोटी फ़ाइल के लिएक्यों
रिज़ॉल्यूशन1080p के बजाय 720pहर फ़्रेम में आधे से भी कम पिक्सेल
लंबाई6 से 10 सेकंडहर सेकंड यानी 24 और पूरे फ़्रेम
फ़्रेम रेट24 fps या कमGIF में गति के लिए कहने लायक़ कोई कंप्रेशन नहीं होता
बैकग्राउंडसादा रंग, ग्रेन नहींफ़िल्म ग्रेन और फ़ोटो हर फ़्रेम पर हर पिक्सेल बदल देते हैं
पेजस्क्रॉल की छोटी सीमाहर फ़्रेम में कम हलचल, कम नए पिक्सेल

वेबसाइट का GIF बनाने के दूसरे तरीक़े

  • स्क्रीन रिकॉर्ड कीजिए और रिकॉर्डिंग को किसी कन्वर्टर या ffmpeg जैसे टूल से GIF में बदलिए। प्राइवेट पेजों के लिए चलता है; स्क्रॉल उतना ही एक जैसा होगा जितना आपका हाथ।
  • Puppeteer या Playwright से स्क्रिप्ट वाला कैप्चर, जो पेज स्क्रॉल होते समय स्क्रीनशॉट लेकर उन्हें जोड़ता है। पूरा नियंत्रण, और साथ में सँभालने को कोड।
  • मुफ़्त ऑनलाइन URL-से-GIF टूल। ऐसे कई हैं, कम सेटिंग के साथ; जो वीडियो भी बनाते हैं, उनकी तुलना विकल्पों वाले पेज पर है।

अपनी साइट पर आज़माकर देखिए

लिंक चिपकाइए और स्क्रॉल का प्रीव्यू मुफ़्त में देखिए। साइन अप पर 51 मुफ़्त क्रेडिट, कोई कार्ड नहीं, और आपके किसी भी एक्सपोर्ट पर वॉटरमार्क नहीं।

हाल की खोजें

    सवाल और जवाब

    लोग आगे जो पूछते हैं, उनके छोटे जवाब।

    संपर्क
    स्क्रॉल होती वेबसाइट का GIF कैसे बनाएँ?

    URL किसी ऐसे URL-से-वीडियो टूल में चिपकाइए जो GIF एक्सपोर्ट करता हो, स्क्रॉल छोटा रखिए, और एक्सपोर्ट कीजिए। या किसी स्क्रिप्ट से पेज स्क्रॉल कराते हुए अपनी स्क्रीन रिकॉर्ड कीजिए और रिकॉर्डिंग को GIF में बदलिए।

    मेरी वेबसाइट का GIF इतना बड़ा क्यों है?

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

    क्या GIF ईमेल में चलेगा?

    ज़्यादातर मेल ऐप में हाँ, और इसे चुनने की सबसे बड़ी वजह यही है। कुछ डेस्कटॉप क्लाइंट सिर्फ़ पहला फ़्रेम दिखाते हैं, इसलिए पक्का कर लीजिए कि पहला फ़्रेम अकेले भी बात कह दे।

    Website Scroll Video का लोगो: ब्राउज़र विंडो में वेब पेज के ऊपर एक प्ले बटन।

    रिकॉर्डिंग में कम समय। बनाने में ज़्यादा।

    बदली जा सकने वाली गति, समझदार नियंत्रण और आज के क्रिएटर्स के लिए बने एक्सपोर्ट विकल्पों से वेबसाइट रिकॉर्डिंग को स्वचालित कीजिए।