HTML से इमेज
HTML और CSS पेस्ट करें और उसकी PNG, JPG, WebP या SVG पाएँ, 1×, 2× या 3× पिक्सेल डेंसिटी पर। सोशल कार्ड, कोड स्निपेट, बैनर और ईमेल हेडर के लिए काम का।
मार्कअप इसी डिवाइस पर बनता है। स्क्रिप्ट नहीं चलतीं, और दूसरी साइटों की इमेज या फ़ॉन्ट लोड नहीं होते: data: URL और सिस्टम फ़ॉन्ट इस्तेमाल करें। किसी लाइव वेब पेज को कैप्चर करने के लिए अपने ब्राउज़र का अपना स्क्रीनशॉट इस्तेमाल करें (Chrome में: DevTools, फिर Capture full size screenshot)।
यह कैसे काम करता है
- अपना HTML पेस्ट करें, CSS को style टैग में रखें।
- चौड़ाई CSS पिक्सेल में सेट करें; सामग्री के हिसाब से फिट करने के लिए ऊँचाई खाली छोड़ें।
- पिक्सेल डेंसिटी (फ़ोन पर शार्प टेक्स्ट के लिए 2×) और बैकग्राउंड चुनें।
- 'इमेज बनाएँ' दबाएँ, प्रीव्यू जाँचें और डाउनलोड करें।
क्या बन सकता है और क्या नहीं
- ब्राउज़र जो भी HTML एलिमेंट और CSS समर्थन करता है, फ़्लेक्सबॉक्स, ग्रिड, ग्रेडिएंट, बॉर्डर और सिस्टम फ़ॉन्ट समेत।
- इमेज सिर्फ़ data: URL के रूप में। दूसरी साइटों की तस्वीरें और वेब फ़ॉन्ट नहीं लाए जाते, क्योंकि ब्राउज़र किसी पेज को दूसरी साइटों के पिक्सेल पढ़ने नहीं देता।
- स्क्रिप्ट नहीं चलतीं: मार्कअप एक सैंडबॉक्स में स्क्रिप्ट बंद करके लेआउट होता है।
किसी वेब पेज को उसके पते से कैप्चर करना
किसी URL को इमेज में बदलने के लिए एक ऐसा सर्वर चाहिए जो आपके लिए पेज खोले, जिसका मतलब होगा उसे आपका पता भेजना और उसका यह देख पाना कि आप क्या कैप्चर करते हैं। इस साइट का कोई सर्वर नहीं है। आपका ब्राउज़र यह कर सकता है: Chrome या Edge में DevTools (F12) खोलें, Ctrl+Shift+P दबाएँ और 'Capture full size screenshot' चलाएँ; Firefox में राइट-क्लिक मेन्यू में 'Take Screenshot' है।