PixRinseस्क्रीनशॉट अंग्रेजी ऐप दिखाते हैं। प्रीसेट नाम और नियंत्रण आपकी ऐप भाषा में भी उपलब्ध हैं।
आपका शुरुआती बिंदु
PixRinse में रिस्पॉन्सिव वेब का उपयोग करें, फिर अपने वास्तविक गंतव्य के विरुद्ध इन सेटिंग्स की समीक्षा करें।
| चौड़ाई | 320 / 640 / 1280 / 1920 px |
|---|---|
| उत्पादन | WebP, गुणवत्ता 80 |
| रंग | sRGB |
| छोटे स्रोत | बड़े वेरिएंट को छोड़ दिया गया है |
इसे कैसे करना है
मूल संपत्ति से शुरुआत करें
आपके लिए आवश्यक सबसे बड़े संस्करण के लिए पर्याप्त विस्तृत स्रोत का उपयोग करें। प्रत्येक व्युत्पन्न बार-बार आकार बदलने के बजाय मूल से उत्पन्न होता है।
रिस्पॉन्सिव वेब चुनें
चार अंतर्निहित चौड़ाई और फ़ाइल नामों की समीक्षा करें। स्रोत से अधिक व्यापक वेरिएंट को छोड़ दिया जाता है, इसलिए नियोजित आउटपुट गणना का निरीक्षण करें।
छवि सेट निर्यात करें
सभी आउटपुट की समीक्षा करें. प्रति स्रोत एकाधिक आउटपुट के लिए प्रो की आवश्यकता होती है; फ्री टियर का उपयोग अभी भी एकल-आकार वर्कफ़्लो का परीक्षण करने के लिए किया जा सकता है।
छवियों को अपने पृष्ठ पर जोड़ें
srcset में चौड़ाई विवरणकों का उपयोग करें और वास्तविक लेआउट से मिलान करने के लिए sizes सेट करें। छवि तत्व पर सटीक चौड़ाई, ऊंचाई और वैकल्पिक पाठ शामिल करें।
<img
src="vase-1280w.webp"
srcset="vase-320w.webp 320w,
vase-640w.webp 640w,
vase-1280w.webp 1280w,
vase-1920w.webp 1920w"
sizes="(max-width: 720px) 100vw, 960px"
width="1280" height="853"
alt="A terracotta vase with an olive branch"
>इस वॉकथ्रू से फ़ाइलें
इस उदाहरण से क्या उत्पन्न हुआ
एक 3072 px-चौड़ा स्रोत सभी चार पूर्व निर्धारित चौड़ाई के लिए काफी बड़ा है। प्रत्येक फ़ाइल एक अलग WebP है, जो सीधे उस स्रोत से उत्पन्न होती है।
- गुणवत्ता
- 80
- रंग प्रोफ़ाइल
- sRGB
- एक स्रोत से आउटपुट
- 4
| फ़ाइल | प्रारूप | पिक्सेल | बाइट्स |
|---|---|---|---|
| vase-1280w.webp | WebP | 1280 × 853 | 35,214 |
| vase-1920w.webp | WebP | 1920 × 1280 | 64,108 |
| vase-320w.webp | WebP | 320 × 213 | 4,018 |
| vase-640w.webp | WebP | 640 × 427 | 11,594 |
दिखाए गए नमूना फ़ाइलों पर मापा गया। आपके परिणाम आपके मूल और सेटिंग्स पर निर्भर करते हैं। सिरेमिक-फूलदान तस्वीर एक एआई-जनरेटेड नमूना है। ऐप स्क्रीनशॉट और निर्यातित फ़ाइल माप वास्तविक हैं।
कुछ सामान्य प्रश्न
यदि मेरा स्रोत केवल 1000 px चौड़ा है तो क्या होगा?
टेम्प्लेट 1280 और 1920 px वेरिएंट को छोड़ देता है। केवल वे संदर्भ फ़ाइलें जो वास्तव में जेनरेट की गई थीं।
क्या ऐप HTML उत्पन्न करता है?
यह वर्कफ़्लो छवियाँ बनाता है. अपने वेबसाइट कोड या सामग्री प्रणाली में srcset और sizes जोड़ें।
वर्कफ़्लो को काम पर लगाएं.
PixRinse खोलें, कुछ छवियां जोड़ें और उपरोक्त सेटिंग्स से प्रारंभ करें।
Mac के लिए डाउनलोड करेंमुफ़्त: प्रति बैच 10 तक छवियां और प्रति स्रोत एक आउटपुट। इस वर्कफ़्लो के एकाधिक आउटपुट के लिए प्रो की आवश्यकता होती है। मुफ़्त और प्रो की तुलना करें।