देर-सबेर वेब पर काम करने वाले ज़्यादातर लोगों को किसी ऐसी चीज़ की PDF चाहिए होती है जो सिर्फ़ HTML के रूप में मौजूद है। कोई डेवलपर क्लाइंट को अपना बनाया ईमेल टेम्पलेट भेजना चाहता है। कोई सपोर्ट टीम किसी हेल्प आर्टिकल को ठीक वैसा ही सहेजना चाहती है जैसा वह उस दिन दिखता था जब ग्राहक ने उसे पढ़ा। किसी स्टूडेंट के पास नोट्स ऐप से .html फ़ाइलों के फ़ोल्डर के रूप में एक्सपोर्ट किए लेक्चर नोट्स हैं। किसी छोटे बिज़नेस के शॉप सॉफ़्टवेयर से बिल वेब पेज के रूप में बनते हैं, और अकाउंटेंट को PDF चाहिए।
HTML और PDF बिल्कुल उलटे कामों के लिए बने हैं। HTML जिस भी स्क्रीन पर हो, उसके हिसाब से ढल जाता है; PDF हर चीज़ को तय साइज़ के पेजों पर स्थिर कर देती है। सादे पेजों के लिए इनके बीच कन्वर्ट करना आसान है और जटिल पेजों के लिए हैरानी की हद तक पेचीदा। यह गाइड बताती है कि कन्वर्ज़न कैसे काम करता है, कुछ पेज बिल्कुल सही क्यों निकलते हैं और कुछ क्यों नहीं, और फ़ाइल को कैसे तैयार करें ताकि PDF वैसी दिखे जैसी आप उम्मीद करते हैं।
HTML और PDF: पेज के दो अलग विचार
वेब पेज में पेज होते ही नहीं। यह एक लंबा, लचीला कॉलम है जो विंडो का साइज़ बदलने पर फिर से ढल जाता है, इमेज और फ़ॉन्ट वहाँ से लोड करता है जहाँ से उसे कहा जाए, और आने के बाद अक्सर JavaScript से ख़ुद को बदलता रहता है। PDF इसका उलटा है: पेजों का एक तय क्रम, जिसमें हर अक्षर और इमेज ठीक अपनी जगह पर है।
HTML को PDF में बदलने का मतलब है उस लचीले कंटेंट को लेकर हमेशा के लिए तय करना कि हर पेज कहाँ ख़त्म होगा। कन्वर्टर डॉक्यूमेंट का ढाँचा पढ़ता है, यानी हेडिंग, पैराग्राफ़, लिस्ट, टेबल और इमेज, और उसे तय साइज़ के पेजों पर सजाता है। ढाँचा जितना साफ़ होगा, नतीजा उतना अच्छा होगा।
HTML फ़ाइल को PDF में कैसे बदलें
- पेज को फ़ाइल के रूप में लें। अगर वह किसी वेबसाइट पर है, तो उसे ब्राउज़र में खोलें और Save Page As इस्तेमाल करें, "Web page, HTML only" या "Web page, complete" चुनकर। अगर वह कोई एक्सपोर्ट या टेम्पलेट है, तो आपके पास .html या .htm फ़ाइल पहले से है।
- HTML to PDF खोलें और फ़ाइल चुनें। 100 MB तक की फ़ाइलें ली जाती हैं।
- कन्वर्ट करें। फ़ाइल हमारे सर्वर पर LibreOffice से कन्वर्ट होती है, जो HTML का ढाँचा पढ़कर उसे PDF पेजों पर सजाता है।
- डाउनलोड करें और जाँचें PDF को, ख़ासकर इमेज, टेबल और ज़्यादा स्टाइल की गई चीज़ों पर ध्यान देते हुए।
फ़ाइल HTTPS से भेजी जाती है और PDF लौटाते ही सर्वर से डिलीट कर दी जाती है। टूल आपकी अपलोड की गई फ़ाइल को कन्वर्ट करता है; यह आपकी ओर से न वेबसाइटों पर जाता है और न कहीं लॉग इन करता है।
क्या अच्छी तरह कन्वर्ट होता है, और क्या नहीं
सीमाओं के बारे में ईमानदार रहने से बहुत झुँझलाहट बचती है। कन्वर्टर HTML को वैसे पढ़ता है जैसे कोई डॉक्यूमेंट प्रोग्राम पढ़ता है, वैसे नहीं जैसे कोई आधुनिक ब्राउज़र।
| अच्छी तरह कन्वर्ट होता है | शायद न आए |
|---|---|
| हेडिंग, पैराग्राफ़ और लिस्ट | पेज लोड होने के बाद JavaScript से जोड़ा गया कंटेंट |
| साफ़ ढाँचे वाली टेबल | ग्रिड और flexbox कॉलम जैसे जटिल CSS लेआउट |
| फ़ाइल में एम्बेड की गई या उसके साथ सेव की गई इमेज | दूसरे सर्वरों से लोड होने वाली इमेज और फ़ॉन्ट |
| बोल्ड, इटैलिक, लिंक और बुनियादी रंग | चिपके हेडर, एनिमेशन, पॉप-अप और वीडियो |
| सादे एक कॉलम वाले लेआउट | ऐसे पेज जिनके लिए लॉग इन होना ज़रूरी है |
पैटर्न सीधा है: स्थिर, डॉक्यूमेंट जैसे पेज शानदार तरीक़े से कन्वर्ट होते हैं, जबकि ऐप जैसे पेज जो ब्राउज़र में ख़ुद को बनाते हैं, नहीं होते। हेल्प आर्टिकल, रिपोर्ट या ईमेल टेम्पलेट बढ़िया उम्मीदवार हैं। डैशबोर्ड या सोशल मीडिया फ़ीड नहीं।
साफ़ PDF के लिए HTML फ़ाइल तैयार करना
कुछ मिनट की तैयारी से बड़ा फ़र्क़ पड़ता है, ख़ासकर अगर HTML आपके नियंत्रण में है।
- लेआउट एक कॉलम रखें। साइडबार और कई कॉलम वाले ग्रिड अजीब नतीजों की सबसे आम वजह हैं। उन्हें छिपाएँ या उनका कंटेंट मुख्य टेक्स्ट के नीचे ले जाएँ।
- इमेज एम्बेड या साथ में रखें। पूरे वेब एड्रेस से जुड़ी इमेज कन्वर्ज़न के दौरान शायद लोड न हों। पेज को "complete" के रूप में सेव करने से इमेज फ़ाइल के बगल में एक फ़ोल्डर में रहती हैं, और data URI के रूप में एम्बेड की गई इमेज हमेशा HTML के साथ चलती हैं।
- टेबल वाले डेटा के लिए असली HTML टेबल इस्तेमाल करें, स्टाइल किए div की पंक्तियों के बजाय। टेबल टेबल में ही बदलती है; div सिर्फ़ ब्राउज़र में टेबल जैसे दिखते हैं।
- फ़ालतू चीज़ें हटाएँ। कुकी बैनर, नेविगेशन मेन्यू, शेयर बटन और फ़ुटर काग़ज़ पर अजीब लगते हैं। कन्वर्ट करने से पहले उन्हें सेव की गई फ़ाइल से डिलीट करें।
- वेब-सेफ़ फ़ॉन्ट इस्तेमाल करें जैसे Arial, Georgia या Times New Roman, या यह मान लें कि कस्टम वेब फ़ॉन्ट की जगह कोई मिलता-जुलता फ़ॉन्ट आ सकता है।
- समझदारी भरी चौड़ाई रखें। पेज से ज़्यादा चौड़ी तय चौड़ाई, जैसे 1400 पिक्सेल का कंटेनर, कंटेंट को दबा सकती है। प्रतिशत या लगभग 800 पिक्सेल की max-width बेहतर चलती है।
जब स्क्रीनशॉट बेहतर विकल्प हो
कभी-कभी आपको डॉक्यूमेंट नहीं, बल्कि इसका रिकॉर्ड चाहिए कि कोई चीज़ कैसी दिखती थी। किसी लाइव पेज की पिक्सेल-दर-पिक्सेल कॉपी, उसके लेआउट, रंगों और विज्ञापनों के साथ ठीक वैसे जैसे विज़िटर ने देखा, कन्वर्ज़न से नहीं बल्कि स्क्रीनशॉट से बेहतर बनती है।
Website Screenshot Generator किसी लाइव URL को इमेज के रूप में कैप्चर करता है, JavaScript पर निर्भर पेजों समेत। अगर वह कैप्चर PDF के रूप में चाहिए, तो स्क्रीनशॉट को फिर PDF में रखा जा सकता है। समझौता यह है कि स्क्रीनशॉट का टेक्स्ट इमेज का हिस्सा होता है, इसलिए उसे सर्च या कॉपी नहीं किया जा सकता। जिन डॉक्यूमेंट को लोग पढ़ेंगे और सर्च करेंगे, उनके लिए HTML कन्वर्ट करें; पेज कैसा दिखता था इसके सबूत के लिए स्क्रीनशॉट लें।
आम इस्तेमाल
ईमेल टेम्पलेट। डिज़ाइनर और मार्केटर को अक्सर HTML ईमेल किसी ऐसे व्यक्ति से शेयर करना होता है जो सिर्फ़ PDF देखेगा। ईमेल आम तौर पर सादी टेबल और इनलाइन स्टाइल से बनते हैं, जो अच्छी तरह कन्वर्ट होते हैं।
डॉक्यूमेंटेशन और हेल्प आर्टिकल। हेल्प पेजों को PDF में बदलने से ग्राहकों को ऑफ़लाइन कॉपी मिलती है और आपको इस बात का रिकॉर्ड कि किसी तारीख़ को निर्देशों में क्या लिखा था।
HTML के रूप में एक्सपोर्ट रिपोर्ट। कई एनालिटिक्स, टेस्टिंग और अकाउंटिंग टूल रिपोर्ट HTML के रूप में एक्सपोर्ट करते हैं। उन्हें PDF में बदलने से उन्हें अटैच, प्रिंट और फ़ाइल करना आसान होता है।
नोट्स और नॉलेज बेस। नोट ऐप और विकी अक्सर HTML में एक्सपोर्ट करते हैं। सबसे ज़रूरी पेजों को कन्वर्ट करने से वे ऐप ख़त्म होने के लंबे समय बाद भी पढ़ने लायक़ रहते हैं।
रसीदें और बिल। वेब पर मिली रसीदें आसानी से खो जाती हैं। उन्हें PDF के रूप में सेव करने से वे आपके बाक़ी वित्तीय रिकॉर्ड के साथ रहती हैं।
Markdown में लिखते हैं? HTML को पूरी तरह छोड़ दें
अगर आपका कंटेंट Markdown में शुरू होता है, जैसे README फ़ाइलें, डॉक्यूमेंटेशन और कई नोट्स, तो एक सीधा रास्ता है। Markdown to PDF Markdown को पहले HTML बनाए बिना सीधे फ़ॉर्मेट की हुई PDF में बदल देता है। यह भी याद दिलाता है कि सबसे सादा सोर्स अक्सर सबसे साफ़ PDF देता है।
कन्वर्ट करने के बाद: साफ़ करें, जोड़ें और सुरक्षित करें
कन्वर्ट किए HTML को अक्सर थोड़ी फ़िनिशिंग चाहिए:
- बहुत ज़्यादा पेज? नेविगेशन वाले लंबे पेज ख़ाली या लगभग ख़ाली पेज बना सकते हैं। उन्हें Remove Pages से हटाएँ, या Split PDF से सिर्फ़ ज़रूरी हिस्सा निकालें।
- कई पेज एक साथ भेजने हैं? हर फ़ाइल कन्वर्ट करें और Merge PDF से उन्हें जोड़ें। PDF पेज व्यवस्थित करने की हमारी गाइड मर्ज, स्प्लिट और क्रम बदलने को विस्तार से बताती है।
- लंबे डॉक्यूमेंट के लिए पेज नंबर चाहिए? सब कुछ जुड़ जाने के बाद Add Page Numbers से जोड़ें।
- निजी डेटा है? शेयर करने से पहले Protect PDF से एन्क्रिप्ट करें।
समस्याएँ और समाधान
इमेज ग़ायब हैं। शायद वे किसी दूसरे सर्वर से लोड हो रही थीं। पेज को "complete" के रूप में सेव करें ताकि इमेज HTML के बगल में रहें, या उन्हें फ़ाइल में एम्बेड करें।
लेआउट टूटा दिखता है या सब कुछ एक के ऊपर एक है। पेज ऐसे CSS लेआउट फ़ीचर पर निर्भर है जिन्हें डॉक्यूमेंट कन्वर्टर पूरी तरह सपोर्ट नहीं करते। एक कॉलम तक सरल करें, या हूबहू रूप चाहिए तो स्क्रीनशॉट इस्तेमाल करें।
कुछ कंटेंट पूरी तरह ग़ायब है। वह पेज लोड होने के बाद JavaScript से जोड़ा गया था। पेज को ब्राउज़र में खोलें, पूरा लोड होने दें, फिर सेव करें; सेव की गई फ़ाइल में रेंडर हुआ ज़्यादा कंटेंट होगा।
टेक्स्ट बहुत छोटा है या किनारे पर कट रहा है। काग़ज़ से ज़्यादा चौड़ी तय पेज चौड़ाई दबाई जा रही है। तय चौड़ाई हटाएँ या max-width सेट करें।
लिंक क्लिक नहीं होते। लिंक का टेक्स्ट बना रहता है, पर लिंक क्लिक होने लायक़ रहेंगे या नहीं, यह इस पर निर्भर है कि वे कैसे लिखे गए थे। पूरे वेब एड्रेस (https:// से शुरू होने वाले) सबसे भरोसेमंद हैं।
अक्सर पूछे जाने वाले सवाल
क्या फ़ाइल अपलोड करने के बजाय वेबसाइट का एड्रेस पेस्ट कर सकते हैं?
इस टूल में नहीं। पेज को ब्राउज़र से .html फ़ाइल के रूप में सेव करें और वह अपलोड करें।
क्या कन्वर्टर JavaScript चलाता है?
नहीं। यह HTML को वैसा ही कन्वर्ट करता है जैसा वह फ़ाइल में है, इसलिए स्क्रिप्ट से जोड़ा गया कंटेंट तभी दिखेगा जब वह फ़ाइल में सेव हुआ हो।
क्या PDF ठीक मेरे ब्राउज़र वाले पेज जैसी दिखेगी?
कंटेंट और ढाँचा बना रहता है, पर जटिल CSS लेआउट अलग दिख सकते हैं। सादे, डॉक्यूमेंट जैसे पेज सबसे सटीक कन्वर्ट होते हैं।
क्या PDF का टेक्स्ट सर्च हो सकता है?
हाँ। स्क्रीनशॉट के उलट, हेडिंग और पैराग्राफ़ असली टेक्स्ट बनते हैं।
क्या मेरी फ़ाइलें रखी जाती हैं?
नहीं। PDF लौटाते ही फ़ाइल सर्वर से डिलीट कर दी जाती है।
HTML to PDF तब सबसे अच्छा चलता है जब आप HTML को ऐप नहीं, डॉक्यूमेंट की तरह देखें: एक कॉलम, लोकल इमेज, असली टेबल और कोई फ़ालतू चीज़ नहीं। फ़ाइल को इसी सोच के साथ तैयार करें, HTML to PDF से कन्वर्ट करें, और आपको ऐसी PDF मिलेगी जो काग़ज़ पर उतनी ही साफ़ पढ़ी जाए जितनी स्क्रीन पर।
