लहरें
मुफ़्त, बिना साइन-अप, आपके ब्राउज़र में चलता है।
कम आयाम पर ग्यारह बिंदु: किसी घोषणा के बजाय एक महीन, नियमित किनारा। तब अच्छी जब डिवाइडर को रहना तो हो पर ध्यान न खींचना हो, और यही अकेला प्रीसेट है जो पतली पट्टी के रूप में भी ठीक पढ़ा जाता है।
इसके पीछे की सेटिंग्स
| जनरेटर | वेव |
|---|---|
| बिंदु | 11 |
| आयाम | 30% |
| यादृच्छिकता | 8% |
| आधार रेखा | 55% |
| परतें | 1 |
| चिकनाहट | 95% |
| बीज | 77 |
जानने लायक़ बातें
- कम आयाम नीचे वाले सेक्शन की ऊँचाई नहीं खाता।
- ज़्यादा बिंदु यानी ज़्यादा घन खंड, इसलिए 655 बाइट पर यह सूची की सबसे भारी वेव है।
- लगभग कोई यादृच्छिकता नहीं, इसलिए दोहराव इतना नियमित है कि चौड़ी स्क्रीन पर पैटर्न जैसा लगे।
बाइट में इसकी क़ीमत
यही आकृति SVG के रूप में 655 बाइट की है और CSS बैकग्राउंड के रूप में 816 बाइट की — data URI बड़ा इसलिए है कि प्रतिशत-एन्कोडिंग हर बचाए गए अक्षर के बदले तीन अक्षर लेती है। दोनों आँकड़े ऊपर दिखाई गई आकृति के हैं, निर्देशांकों में दो दशमलव की परिशुद्धता के साथ।
| प्रारूप | आकार |
|---|---|
| SVG | 655 B |
| CSS बैकग्राउंड | 816 B |
| CSS clip-path | 847 B |
लहरें के SVG की शुरुआत
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-130.91 159.28C-110.18 161.55,-41.45 168.2,0 173.6C41.45 178.99,89.45 188.64,130.91 193.36C172.36 198.08,220.36 201.74,261.82 203.4C303.27 205.07,351.27 204.33,392.73 203.88C434.18 203.43,482.18 203.29,523.64 200.54C565.…
और विस्तार से
यही वह प्रीसेट है जहाँ बाइट काउंटर अपनी जगह कमाता है। हर अतिरिक्त बिंदु एक और पूरा घन खंड है — तीन निर्देशांक-जोड़े — इसलिए लहरें हल्की वेव से कई गुना महँगी पड़ती हैं, उस फ़र्क़ के लिए जिसे ज़्यादातर आगंतुक कभी सचेत रूप से नहीं पकड़ेंगे। रूप पसंद है पर वज़न नहीं, तो छह बिंदु और बढ़ी हुई चिकनाहट आज़माइए।
सवाल
लहरें मिल जाने के बाद मैं इसे कैसे बदलूँ?
जनरेटर खोलिए, प्रीसेट पंक्ति में लहरें पर क्लिक कीजिए, फिर जो चाहें खिसकाइए। प्रीसेट शुरुआत का बिंदु है, ताला नहीं — हर स्लाइडर चालू रहता है, और बीज वाला ख़ाना शब्द भी लेता है, अगर आप अपनी आकृति को संख्या देने के बजाय नाम देना चाहें।
क्या अगली बार भी यही दिखेगी?
हाँ, जब तक बीज वही है। यह बीज 77 है, 11 बिंदुओं के साथ। जनरेटर निर्धारणात्मक है, इसलिए ये सेटिंग्स किसी भी डिवाइस पर बिलकुल यही वक्र दोबारा बनाती हैं।
क्या मैं दूसरा रंग इस्तेमाल कर सकता हूँ?
हाँ — रंग निर्यात के समय लगता है, ज्यामिति में पक्का नहीं होता। ऊपर का पूर्वावलोकन उपकरण के डिफ़ॉल्ट रंग का है; जनरेटर में अपना चुन लीजिए और SVG, CSS बैकग्राउंड और clip-path तीनों उसी के साथ चलेंगे।
इस पेज का हर आँकड़ा और हर आकृति बिल्ड के समय जनरेटर चलाकर बनाई गई है, इसलिए यह उसी उपकरण का वर्णन करता है जिसे आप अभी इस्तेमाल करने वाले हैं, न कि उसके किसी पुराने रूप का।