HTML को PDF में कैसे कनवर्ट करें
HTML से PDF बनाना चालान, रिपोर्ट, पत्र, प्रमाणपत्र बनाने के लिए उपयोगी है — कोई भी दस्तावेज़ जहाँ आप CSS के साथ लेआउट को नियंत्रित करना चाहते हैं लेकिन PDF के रूप में वितरित करना चाहते हैं।
HTML को PDF में कैसे कनवर्ट करें
- अपना HTML पेस्ट करें — एडिटर में अपना HTML कोड दर्ज करें, जिसमें इनलाइन CSS या
<style>टैग शामिल हैं। कोड में हेडर, तालिकाओं, छवियों और शैलियों के साथ पूर्ण पेज संरचना शामिल हो सकती है। - रेंडरिंग का पूर्वावलोकन करें — एक लाइव पूर्वावलोकन आपको दिखाता है कि आप जैसे-जैसे टाइप करते हैं आपकी PDF ठीक कैसे रेंडर होगी। तब तक HTML और CSS समायोजित करें जब तक रेंडर आपकी अपेक्षाओं से मेल न खाए।
- उत्पन्न करें और डाउनलोड करें — अपने ब्राउज़र में PDF बनाने के लिए जेनरेट बटन पर क्लिक करें, फिर इसे तुरंत डाउनलोड करें।
आप क्या बना सकते हैं
- चालान और रसीदें — कंपनी पहचान, वस्तु पंक्तियों और योग के साथ संरचित तालिकाएँ
- रिपोर्ट — शीर्षक, पैराग्राफ, चार्ट और डेटा तालिकाओं के साथ फ़ॉर्मेट किए गए दस्तावेज़
- प्रमाणपत्र — कस्टम फ़ॉन्ट, बॉर्डर और केंद्रित टेक्स्ट के साथ स्टाइल किए गए लेआउट
- पत्र — हेडर, बॉडी और हस्ताक्षर क्षेत्र के साथ पेशेवर पत्राचार
- रिज्यूमे — आपके आवेदनों के लिए साफ़ PDF में निर्यात किए गए परिष्कृत लेआउट
PDF आउटपुट के लिए स्टाइल सुझाव
इनलाइन शैलियों या <style> टैग का उपयोग करें — बाहरी स्टाइलशीट लोड नहीं होतीं। अपना सारा CSS या तो तत्वों पर इनलाइन रखें, या HTML में <style> ब्लॉक में।
पेज मार्जिन परिभाषित करें — PDF में अपनी सामग्री के चारों ओर स्थान को नियंत्रित करने के लिए CSS में @page { margin: 20mm; } का उपयोग करें।
प्रिंट-अनुकूल इकाइयों का उपयोग करें — PDF में mm, cm और pt px या rem से अधिक अनुमानित हैं। मार्जिन और रिक्ति के लिए mm का उपयोग करें जो भौतिक आयामों से मेल खानी चाहिए।
विंडो-निर्भर लेआउट से बचें — प्रतिशत चौड़ाई और निश्चित पिक्सेल चौड़ाई सबसे अच्छी काम करती हैं। विंडो से संबंधित इकाइयाँ (vw, vh) PDF में अपेक्षित व्यवहार नहीं कर सकतीं।
सुझाव
- पहले पूर्वावलोकन करें — उत्पन्न करने से पहले हमेशा लाइव पूर्वावलोकन जाँचें। हर बार PDF को फिर से उत्पन्न करने की तुलना में HTML पर पुनरावृत्ति करना बहुत तेज़ है।
- छवियों के लिए base64 का उपयोग करें — PDF में उनके शामिल होने की गारंटी के लिए छवियों को base64 Data URI में कनवर्ट करें। बाहरी URL CORS प्रतिबंधों के कारण विफल हो सकते हैं।
- सरल रहें — जटिल CSS लेआउट (नेस्टेड ग्रिड, ओवरलैपिंग स्थित तत्व) पूरी तरह रेंडर नहीं हो सकते। सरल लेआउट अधिक विश्वसनीय PDF देते हैं।
- पेज विराम का परीक्षण करें — बहु-पृष्ठ दस्तावेज़ों के लिए, यह नियंत्रित करने के लिए
page-break-before: alwaysका उपयोग करें कि नए पेज कहाँ शुरू होते हैं।
अक्सर पूछे जाने वाले प्रश्न
क्या PDF मेरी CSS शैली को संरक्षित करती है?
हाँ। कन्वर्टर आपके HTML को CSS लागू के साथ रेंडर करता है, जिसमें रंग, फ़ॉन्ट, मार्जिन और लेआउट शामिल हैं। PDF रेंडर किए गए वेब पेज की तरह दिखती है, कच्चे स्रोत कोड की तरह नहीं।
क्या मैं PDF में छवियाँ शामिल कर सकता हूँ?
हाँ। सबसे विश्वसनीय परिणामों के लिए base64 (Data URI) में छवियों का उपयोग करें। बाहरी छवि URL काम कर सकते हैं यदि वे सुलभ और CORS-संगत हैं।
क्या मेरा HTML किसी सर्वर पर भेजा जाता है?
नहीं। कन्वर्ज़न पूरी तरह आपके ब्राउज़र में होता है। आपका कोड और उत्पन्न PDF कभी आपके डिवाइस से बाहर नहीं जाते।
कौन सी CSS सुविधाएँ समर्थित हैं?
मानक CSS, जिसमें लेआउट, रंग, फ़ॉन्ट, पृष्ठभूमि, बॉर्डर और तालिकाएँ शामिल हैं, अच्छी तरह समर्थित है। CSS Grid, जटिल एनिमेशन और कुछ Flexbox सीमा मामलों जैसी उन्नत सुविधाएँ सीमित हो सकती हैं।