इमेज कोलाज गाइड

कई छवियों को ग्रिड, फ्रीफॉर्म या मैगज़ीन-शैली के कोलाज में संयोजित करें। स्पेसिंग, बॉर्डर, बैकग्राउंड रंग और आस्पेक्ट रेशियो को एडजस्ट करें। हर ऑपरेशन आपके ब्राउज़र में स्थानीय रूप से चलता है — किसी भी सर्वर पर कोई अपलोड नहीं होता है।

आपको क्या चाहिए

ब्राउज़र — OffscreenCanvas सपोर्ट के साथ Chrome, Firefox, Safari, या Edge फॉर्मेट — JPG, JPEG, PNG, WEBP, AVIF, GIF, BMP, या TIFF सीमा — 20 MB प्रति फ़ाइल (20 MB से अधिक की कोई भी फ़ाइल अस्वीकार कर दी जाएगी) अकाउंट — कोई आवश्यकता नहीं इंटरनेट — पेज लोड होने के बाद आवश्यक नहीं

अपना कोलाज बनाना

अपने ब्राउज़र में Image Collage मेकर खोलें। अपने फ़ाइल एक्सप्लोरर से कई इमेज फ़ाइलों को खींचें और उन्हें अपलोड ज़ोन पर छोड़ें। वैकल्पिक रूप से, अपने डिवाइस से कई फ़ाइलें चुनने के लिए अपलोड क्षेत्र पर क्लिक करें। प्रत्येक फ़ाइल 20 MB की सीमा से कम होनी चाहिए — इस सीमा से अधिक फ़ाइलें अस्वीकार कर दी जाएंगी। अपना लेआउट प्रकार चुनें: ग्रिड, फ्रीफॉर्म, या मैगज़ीन। ग्रिड छवियों को समान पंक्तियों और कॉलम में व्यवस्थित करता है। फ्रीफॉर्म आपको प्रत्येक छवि को कैनवास पर कहीं भी खींचने और रखने की अनुमति देता है। मैगज़ीन मिश्रित आकारों और स्थितियों के साथ संपादकीय स्टाइलिंग लागू करता है। कलर पिकर का उपयोग करके बैकग्राउंड रंग सेट करें। स्लाइडर का उपयोग करके छवियों के बीच स्पेसिंग को एडजस्ट करें। चौड़ाई और रंग सेट करके बॉर्डर जोड़ें। ग्रिड लेआउट के लिए, कॉलम की संख्या चुनें। मैगज़ीन लेआउट के लिए, कैनवास का आस्पेक्ट रेशियो एडजस्ट करें। जनरेट बटन पर क्लिक करें। OffscreenCanvas API सभी छवियों को एक ही कैनवास पर संयोजित करता है। libvips आपके लेआउट चयन के अनुसार प्रत्येक छवि को स्थित करता है, स्पेसिंग और बॉर्डर लागू करता है, और बैकग्राउंड भरता है। नेटवर्क पर कोई डेटा प्रसारित नहीं होता है। एक बार कोलाज जनरेट हो जाने के बाद, एक डाउनलोड बटन दिखाई देता है। कोलाज को अपने डिवाइस पर सहेजने के लिए उस पर क्लिक करें। ब्राउज़र फ़ाइल को सीधे मेमोरी से डिस्क पर लिखता है। डाउनलोड के बाद, libvips अस्थायी मेमोरी बफ़र्स को स्वचालित रूप से रिलीज़ कर देता है।

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

Image Collage मेकर कई छवियों को एक ही कैनवास पर संयोजित करने के लिए OffscreenCanvas API का उपयोग करता है। जब आप छवियां अपलोड करते हैं, तो ब्राउज़र उन्हें सीधे मेमोरी में पढ़ता है — कोई सर्वर अपलोड नहीं होता है।

libvips आपके लेआउट चयन और छवि गणना के आधार पर कैनवास आयामों की गणना करता है। ग्रिड लेआउट के लिए, यह कुल छवि गणना और कॉलम सेटिंग से पंक्ति और कॉलम आयामों की गणना करके कैनवास को समान कोशिकाओं में विभाजित करता है, यह सुनिश्चित करते हुए कि प्रत्येक कोशिका को समान पिक्सेल आवंटन मिले। फ्रीफॉर्म लेआउट के लिए, यह एक डिफ़ॉल्ट व्यवस्था का उपयोग करता है जिसे आप प्रत्येक छवि को किसी भी कैनवास निर्देशांक पर खींचकर संशोधित कर सकते हैं। मैगज़ीन लेआउट के लिए, यह मिश्रित आकारों के लिए संपादकीय नियम लागू करता है, जहां बड़ी छवियों को अधिक कैनवास क्षेत्र मिलता है और छोटी छवियां उनके आसपास के अंतराल को भरती हैं।

प्रत्येक छवि को OffscreenCanvas रेंडरिंग का उपयोग करके उसकी गणना की गई स्थिति पर कैनवास पर खींचा जाता है। libvips कोशिका सीमाओं के बीच पिक्सेल अंतराल छोड़कर छवियों के बीच स्पेसिंग लागू करता है, आपकी चुनी हुई चौड़ाई और रंग के साथ आयतों को स्ट्रोक करके बॉर्डर जोड़ता है, और किसी भी छवि के संयोजित होने से पहले फिल स्टाइल के रूप में कलर पिकर मान का उपयोग करके बैकग्राउंड भरता है।

संयोजन के बाद, libvips कैनवास को toBlob विधि का उपयोग करके PNG या JPEG छवि में परिवर्तित करता है, जो पिक्सेल डेटा को चयनित छवि प्रारूप में एन्कोड करता है। परिणामी बाइनरी ब्लॉब URL. createObjectURL के माध्यम से वितरित किया जाता है, जो एक अस्थायी मेमोरी संदर्भ पॉइंटर बनाता है जिसका उपयोग ब्राउज़र डाउनलोड के लिए फ़ाइल को सर्व करने के लिए करता है। जब डाउनलोड पूरा हो जाता है, तो libvips आवंटित मेमोरी को रिलीज़ करने के लिए URL.

फ़ाइलें पूरी तरह से आपके ब्राउज़र के अंदर OffscreenCanvas का उपयोग करके प्रोसेस की जाती हैं। उन्हें कभी भी ConvertCraft सर्वर पर अपलोड नहीं किया जाता है। आपकी मूल फ़ाइलें आपके डिवाइस पर रहती हैं — libvips उन्हें मेमोरी में पढ़ता है, कोलाज को संयोजित करता है, और डाउनलोड के बाद पिक्सेल बफ़र्स को हटा देता है।

जब चीजें गलत हो जाती हैं

कुछ फ़ाइलें अपलोड होने में विफल हो जाती हैं: वे फ़ाइलें 20 MB की सीमा से अधिक हैं। OffscreenCanvas सख्त मेमोरी सीमाओं के भीतर काम करता है। 20 MB से बड़ी छवियों को प्रोसेस करने के लिए RAM में विशाल असम्पीडित पिक्सेल बफ़र्स की आवश्यकता होती है, जो ब्राउज़र टैब को क्रैश कर सकते हैं।

छवियां विकृत दिखाई देती हैं: कोलाज लेआउट छवियों को कोशिकाओं में फिट करने के लिए स्केल करता है, जो आस्पेक्ट रेशियो को विकृत कर सकता है। मूल आस्पेक्ट रेशियो विकल्प का उपयोग करें या अपनी छवियों से मेल खाने के लिए कोशिका आयामों को एडजस्ट करें।

कैनवास बहुत बड़ा है: उच्च रिज़ॉल्यूशन वाली बहुत अधिक छवियां एक बहुत बड़ा कैनवास बनाती हैं। ब्राउज़र की मेमोरी खत्म हो सकती है। छवियों की संख्या कम करें या कम रिज़ॉल्यूशन वाली स्रोत फ़ाइलों का उपयोग करें।

कोलाज गलत संरेखित दिखता है: ग्रिड लेआउट के लिए सुसंगत आयामों वाली छवियों की आवश्यकता होती है। बेमेल आस्पेक्ट रेशियो असमान स्पेसिंग पैदा करते हैं। अपलोड करने से पहले छवियों को सुसंगत आयामों में क्रॉप करें।

### मैं कितनी छवियां शामिल कर सकता हूँ?

व्यावहारिक सीमा आपके ब्राउज़र की उपलब्ध मेमोरी पर निर्भर करती है। libvips मेमोरी बाधाओं को प्रबंधित करने के लिए छवियों को क्रमिक रूप से प्रोसेस करता है। यदि आप धीमापन या क्रैश का अनुभव करते हैं, तो छवियों की संख्या कम करने का प्रयास करें।

### क्या मैं व्यक्तिगत छवि स्थितियों को एडजस्ट कर सकता हूँ?

फ्रीफॉर्म लेआउट प्रत्येक छवि को कैनवास पर किसी भी स्थिति में खींचने की अनुमति देते हैं। ग्रिड और मैगज़ीन लेआउट निश्चित स्थिति नियमों का उपयोग करते हैं। प्रत्येक छवि के प्लेसमेंट पर मैन्युअल नियंत्रण के लिए फ्रीफॉर्म मोड पर स्विच करें।

### आउटपुट का फ़ाइल प्रारूप क्या है?

कोलाज डिफ़ॉल्ट रूप से गुणवत्ता के लिए PNG छवि के रूप में सहेजा जाता है। आप लॉस-युक्त संपीड़न के साथ छोटे फ़ाइल आकारों के लिए JPEG चुन सकते हैं। प्रारूप चयन डाउनलोड से पहले उपलब्ध है।