एक रिस्पॉन्सिव वेब इमेज पैक जेनरेट करें
पांच सोर्स इमेज तक को सही नाम वाले रिस्पॉन्सिव वेरिएंट, कॉपी करने लायक picture मार्कअप, एक मैनिफ़ेस्ट और एक ZIP में बदलें — बिना अपने एसेट अपलोड किए।
एडवांस्ड आउटपुट विकल्प
अधिकतम 15 वेरिएंट जेनरेट होंगे। सोर्स से बड़ी चौड़ाई वाले साइज़ छोड़ दिए जाते हैं।
सोर्स इमेज यहां छोड़ें
या अपने डिवाइस से चुनने के लिए क्लिक करें
JPG, PNG, WebP — 5 फ़ाइल तक, हर फ़ाइल 10 MB
लोकल प्रोसेसिंगआपकी फ़ाइलें इस डिवाइस से बाहर नहीं जातीं — सब कुछ आपके ब्राउज़र में चलता है।
सोर्स और जेनरेट किए गए एसेट इसी ब्राउज़र में रहते हैं। सिर्फ़ सेटिंग्स सेव या शेयर की जा सकती हैं।
यह कैसे काम करता है
- 01
सोर्स इमेज जोड़ें
एक से पांच JPEG, PNG या WebP फ़ाइलें चुनें।
- 02
चौड़ाई और फ़ॉर्मैट चुनें
प्रोडक्शन-रेडी डिफ़ॉल्ट इस्तेमाल करें, या आउटपुट सेट खुद एडजस्ट करें। Pixo किसी सोर्स को कभी अपस्केल नहीं करता।
- 03
लोकली जेनरेट करें
वेरिएंट को उसी ब्राउज़र वर्कर के ज़रिए क्रम से रीसाइज़ और एनकोड किया जाता है, जिसे Pixo के इमेज टूल इस्तेमाल करते हैं।
- 04
ZIP डिप्लॉय करें
एसेट, एक JSON मैनिफ़ेस्ट, picture.html, srcset.txt और एक README डाउनलोड करें, जिसमें alt टेक्स्ट साइट लिखने वाले के लिए खाली छोड़ा गया है।
बेहतर परिणाम के लिए सुझाव
- अपने असली लेआउट के लिए HTML sizes एट्रिब्यूट सेट करें; सिर्फ़ srcset से ब्राउज़र को यह पता नहीं चलता कि इमेज कितनी चौड़ी रेंडर होगी।
- पुराने क्लाइंट या इमेज-प्रोसेसिंग पाइपलाइन को सपोर्ट करते समय WebP के साथ एक फ़ॉलबैक फ़ॉर्मैट भी रखें।
- जेनरेट किया गया मार्कअप जानबूझकर alt टेक्स्ट खाली छोड़ता है, ताकि आप उसे संदर्भ के अनुसार खुद लिख सकें।