HTML को PNG में बदलें

Q: क्या PNG में सफ़ेद की जगह ट्रांसपेरेंट बैकग्राउंड हो सकता है?

हाँ। **पारदर्शी बैकग्राउंड** चालू करें। यह सिर्फ़ वहीं दिखता है जहाँ पेज खुद कोई बैकग्राउंड रंग नहीं देता, इसलिए सफ़ेद body रंग वाली साइट सफ़ेद ही आएगी। यह अलग HTML फ़ाइल के रूप में बने किसी एक कंपोनेंट या बैज के लिए सबसे अच्छा काम करता है।

Q: लंबे पेज के सिर्फ़ ऊपरी हिस्से की इमेज कैसे बनाएँ?

**इमेज** को हर पेज पर एक पर सेट करें और **पेज** में पहला पेज चुनें। तब आपको पूरी लंबाई की जगह पहले पेज जितना हिस्सा मिलेगा। बाद में उसे सटीक फ़्रेम में काटने के लिए [इमेज क्रॉप करें](/crop-image) टूल इस्तेमाल करें।

सेव किया गया वेब पेज, डैशबोर्ड एक्सपोर्ट या कंपोनेंट मॉकअप ऐसी PNG इमेज में बदलें जिसमें हर अक्षर और हर बारीक लाइन ठीक वैसी ही रहे जैसी ब्राउज़र ने बनाई थी। विंडो की चौड़ाई चुनें, लेआउट उसी के हिसाब से बनेगा।

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

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

आउटपुट

इसमें बदलें

रिज़ॉल्यूशन

इमेज

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

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

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

उत्तर

HTML को PNG में कैसे बदलें?

यह .html या .mhtml फ़ाइल अपलोड करें, HTML पेज की चौड़ाई उस स्क्रीन के हिसाब से रखें जिसकी नकल करनी है, और PNG में बदलें दबाएँ। पूरा रेंडर हुआ पेज एक लॉसलेस इमेज के रूप में मिलता है।

जब टेक्स्ट और लाइनें शार्प रहनी चाहिए, तब HTML को PNG में बदलें

PNG 1996 से W3C Recommendation है और लॉसलेस कंप्रेशन इस्तेमाल करता है, इसलिए 14 px बॉडी टेक्स्ट के एंटी-एलियास किनारे, एक पिक्सल की टेबल बॉर्डर और सिंटैक्स-रंगीन कोड बिना बदले बचे रहते हैं। इसी वजह से डेवलपर बग रिपोर्ट में PNG कैप्चर लगाते हैं और डिज़ाइनर रिव्यू में उन्हें शेयर करते हैं: किसी को यह सोचना नहीं पड़ता कि धुंधला किनारा CSS की समस्या है या कंप्रेशन आर्टिफ़ैक्ट।

कीमत साइज़ है। टेक्स्ट और सपाट रंग वाला पेज अच्छे से कंप्रेस होता है; फोटो से भरा पेज नहीं होता। अगर कैप्चर चैट या ईमेल में जाना है जहाँ साफ़ डिटेल से ज़्यादा साइज़ मायने रखता है, तो JPG छोटी फ़ाइल देता है। डॉक्यूमेंटेशन, रिलीज़ नोट्स, डैशबोर्ड और स्टाइल गाइड के लिए PNG ज़्यादा सुरक्षित डिफ़ॉल्ट है।

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

आम स्क्रीन के लिए HTML से PNG कन्वर्टर की चौड़ाइयाँ

195:422

390 × 844 px

फ़ोन

कई नए iPhone का CSS व्यूपोर्ट; मोबाइल लेआउट दिखाता है

41:59

820 × 1180 px

टैबलेट

पोर्ट्रेट में iPad Air; कई साइटें ब्रेकपॉइंट यहीं के आसपास बदलती हैं

8:5

1280 × 800 px

लैपटॉप

इस कन्वर्टर की डिफ़ॉल्ट चौड़ाई

16:9

1920 × 1080 px

Full HD मॉनिटर

चौड़े डैशबोर्ड और एडमिन पैनल

HTML

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

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

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

HTML कन्वर्टर

PNG

Portable Network Graphics

PNG एक लॉसलेस रास्टर फ़ॉर्मैट है, जिसे 1996 में PNG Development Group ने प्रकाशित किया और बाद में W3C व ISO ने मानकीकृत किया। यह हर पिक्सल को ठीक वैसा ही रखता है, पूरी अल्फ़ा पारदर्शिता सपोर्ट करता है और टेक्स्ट, तीखे किनारों व सपाट रंगों को बिना आर्टिफ़ैक्ट के संभालता है। इसी सटीकता के कारण यह स्क्रीनशॉट, लोगो, आइकन और इंटरफ़ेस ग्राफ़िक्स के लिए आदर्श है। इसकी कीमत साइज़ है: PNG के रूप में सेव की गई फ़ोटो अक्सर वही फ़ोटो JPEG या WebP में सेव करने से कई गुना बड़ी होती है। सभी ब्राउज़र, ऑपरेटिंग सिस्टम और एडिटर PNG फ़ाइलें खोलते हैं।

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

PNG कन्वर्टर

जब पेज ज़्यादातर टेक्स्ट, कोड, टेबल या इंटरफ़ेस के हिस्सों का हो, तब लोग PNG चुनते हैं: लॉसलेस पिक्सल डॉक्यूमेंटेशन, बग रिपोर्ट और डिज़ाइन रिव्यू में पतली लाइनों और छोटे अक्षरों को साफ़ रखते हैं, जहाँ JPG के आर्टिफ़ैक्ट दिख जाते।

स्टाइल या फ़ॉन्ट खोए बिना HTML को PNG में बदलें

सादी .html फ़ाइल अक्सर कहीं और रखी चीज़ों पर निर्भर करती है: css फ़ोल्डर में स्टाइलशीट, मूल सर्वर पर इमेज, फ़ॉन्ट सेवा से फ़ॉन्ट। ये न मिलें तो पेज बिना स्टाइल के डिफ़ॉल्ट फ़ॉन्ट वाले टेक्स्ट में बदल जाता है। Chrome या Edge में पेज को Webpage, Single File के रूप में सेव करने पर .mhtml फ़ाइल बनती है जिसमें स्टाइल और इमेज साथ रहती हैं; अपलोड के लिए यही सबसे भरोसेमंद है।

वेब फ़ॉन्ट पर भी यही नियम लागू होता है। @font-face से घोषित फ़ॉन्ट तभी लोड होता है जब उसकी फ़ाइल तक पहुँचा जा सके; जो फ़ॉन्ट सिर्फ़ आपके कंप्यूटर में है उसकी जगह मिलता-जुलता फ़ॉन्ट आ जाता है। अगर सटीक टाइपोग्राफ़ी मायने रखती है, तो फ़ॉन्ट एम्बेड करें या भेजने से पहले नतीजा जाँच लें।

तय चौड़ाई से किसी रिपोर्ट के साप्ताहिक कैप्चर साथ-साथ तुलना लायक भी बनते हैं। अगर नतीजे को प्रिंट के लिए चुने जा सकने वाले टेक्स्ट के रूप में रखना हो, तो इसके बजाय HTML को PDF में बदलें फ़ॉर्मेट इस्तेमाल करें।

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

क्या HTML को PNG में बदलना अपने ब्राउज़र के स्क्रीनशॉट से बेहतर है?

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

उसी पेज की PNG फ़ाइल JPG से कई गुना बड़ी क्यों होती है?

PNG हर पिक्सल को बिना क्वालिटी खोए सेव करता है। टेक्स्ट और सपाट रंग इस तरह अच्छे से कंप्रेस होते हैं, लेकिन फोटो, ग्रेडिएंट और वीडियो पोस्टर नहीं होते, इसलिए फोटो वाला लैंडिंग पेज बड़ा PNG बना सकता है। ऐसे पेजों के लिए HTML को JPG में बदलें हल्का विकल्प है; कोड सैंपल, चार्ट और UI के लिए धुंधलापन आमतौर पर लेने लायक नहीं होता।

क्या PNG में सफ़ेद की जगह ट्रांसपेरेंट बैकग्राउंड हो सकता है?

हाँ। पारदर्शी बैकग्राउंड चालू करें। यह सिर्फ़ वहीं दिखता है जहाँ पेज खुद कोई बैकग्राउंड रंग नहीं देता, इसलिए सफ़ेद body रंग वाली साइट सफ़ेद ही आएगी। यह अलग HTML फ़ाइल के रूप में बने किसी एक कंपोनेंट या बैज के लिए सबसे अच्छा काम करता है।

क्या कन्वर्टर पेज का JavaScript चलाता है?

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

लंबे पेज के सिर्फ़ ऊपरी हिस्से की इमेज कैसे बनाएँ?

इमेज को हर पेज पर एक पर सेट करें और पेज में पहला पेज चुनें। तब आपको पूरी लंबाई की जगह पहले पेज जितना हिस्सा मिलेगा। बाद में उसे सटीक फ़्रेम में काटने के लिए इमेज क्रॉप करें टूल इस्तेमाल करें।