डॉट ग्रिड बैकग्राउंड जनरेटर

बिंदुओं की नियमित ग्रिड वाला बैकग्राउंड बनाएँ, जिसकी दूरी, आकार और रंग अपनी पसंद के अनुसार बदले जा सकते हैं, और जिसे PNG के रूप में या सीधे अपने कोड में कॉपी किए जा सकने वाले SVG के रूप में एक्सपोर्ट किया जा सकता है।

पूर्वावलोकन

यह कैसे काम करता है

यह टूल एक नियमित ग्रिड के हर कटाव-बिंदु पर एक बिंदु रखता है, जिसकी दूरी और बिंदुओं का आकार बदला जा सकता है, एक सादे या पारदर्शी बैकग्राउंड पर। नतीजा तैयार-इस्तेमाल PNG इमेज के रूप में भी मिलता है और वेक्टर SVG कोड के रूप में भी, जिसे गुणवत्ता खोए बिना किसी भी आकार में बदला जा सकता है और वेब पेज में आसानी से जोड़ा जा सकता है।

वेबसाइट के बैकग्राउंड के लिए PNG या SVG: कौन-सा चुनें?

वेब बैकग्राउंड के लिए आम तौर पर SVG बेहतर है: इसका आकार छोटा रहता है और यह किसी भी स्क्रीन रिज़ॉल्यूशन पर, बहुत ज़्यादा डेंसिटी वाली स्क्रीन पर भी, साफ़ रहता है। अगर आपको किसी डिज़ाइन टूल या ऐसी प्रेज़ेंटेशन के लिए सामान्य बिटमैप इमेज चाहिए जो SVG को सपोर्ट नहीं करती, तो PNG ज़्यादा उपयुक्त है।

बैकग्राउंड को साइट पर दोहराई जाने वाली टाइल के रूप में कैसे इस्तेमाल करें?

बनाया गया PNG या SVG डाउनलोड करें, फिर उसे CSS background-image के रूप में background-repeat: repeat के साथ इस्तेमाल करें: चूँकि ग्रिड पूरी तरह नियमित है और उसमें अतिरिक्त मार्जिन नहीं है, पैटर्न एक टाइल से दूसरी टाइल तक बिना किसी दिखाई देने वाले जोड़ के जुड़ता है।

100% लोकल जनरेशन: डॉट बैकग्राउंड पूरी तरह आपके ब्राउज़र में तैयार होता है, किसी भी डेटा को किसी सर्वर को भेजे बिना।