नॉइज़ टेक्सचर जनरेटर
एडजस्टेबल डेंसिटी, ओपैसिटी और रंग के साथ ग्रेन टेक्सचर जनरेट करें, फिर इसे डाउनलोड करें या CSS के तौर पर कॉपी करें.
यह कैसे काम करता है
चुने गए टाइल साइज़ का एक कैनवस पिक्सेल दर पिक्सेल भरा जाता है: हर पिक्सेल अलग से डेंसिटी स्लाइडर के हिसाब से तय करता है कि उसे ग्रेन मिलेगा या नहीं, फिर उस ग्रेन के रंग का अल्फ़ा ओपैसिटी स्लाइडर के हिसाब से स्केल किया जाता है. मोनोक्रोम मोड पूरे टेक्सचर में एक ही ग्रेन रंग इस्तेमाल करता है; इसे बंद करने पर हर ग्रेन की ब्राइटनेस भी रैंडम हो जाती है, जिससे ज़्यादा टेक्सचर्ड, कम यूनिफ़ॉर्म लुक मिलता है. नीचे दिया टाइल्ड प्रीव्यू उसी कैनवस को CSS बैकग्राउंड के तौर पर रिपीट करके दिखाता है कि यह बड़े स्केल पर कैसा दिखता है.
दोनों आउटपुट, डाउनलोड की गई PNG और "CSS के तौर पर कॉपी करें" डेटा URI, सीधे इसी कैनवस से
toDataURL/toBlob के ज़रिए आते हैं, पूरी तरह आपके ब्राउज़र में.
कुछ भी अपलोड नहीं होता.
सामान्य प्रश्न
क्या डाउनलोड की गई PNG सीमलेस टाइल होगी?
यह रिपीट होने वाला पैटर्न नहीं बल्कि रैंडम पर-पिक्सेल नॉइज़ है, इसलिए इसे छोटे रिपीटिंग बैकग्राउंड-इमेज के तौर पर इस्तेमाल करने पर भी कोई साफ़ सीम नज़र नहीं आएगी, क्योंकि हर पिक्सेल अपने आप में स्वतंत्र रूप से रैंडम है और टाइल किनारे पर टूटने वाला कोई बड़ा स्ट्रक्चर नहीं है.
PNG डाउनलोड और CSS कॉपी में क्या फ़र्क़ है?
डाउनलोड आपको एक असली .png फ़ाइल देता है जिसे आप स्टाइलशीट या <img> से रेफ़र कर सकते हैं. "CSS के तौर पर कॉपी करें" इसकी जगह उसी इमेज को base64 डेटा URI के तौर पर सीधे background-image रूल के अंदर एम्बेड कर देता है, जो बिना किसी अलग फ़ाइल होस्ट किए एक सेल्फ़-कंटेन्ड CSS ब्लॉक के लिए काम आता है.
क्या यह कहीं भेजा जाता है?
नहीं, टेक्सचर आपके ब्राउज़र में इन-मेमोरी कैनवस पर पिक्सेल दर पिक्सेल जनरेट होता है. कुछ भी अपलोड नहीं होता.