इस टूल के बारे में
एक कोलाज कुछ अलग-अलग फ़ोटो को एक शेयर करने लायक इमेज में बदल देता है — किसी यात्रा की 2×2 ग्रिड, प्रोडक्ट शॉट्स की 3×1 पट्टी, या मूडबोर्ड के लिए बड़ा 3×3 मोज़ेक। यह टूल वह ग्रिड पूरी तरह आपके ब्राउज़र में बनाता है: अपनी इमेज जोड़ें, कितनी पंक्तियाँ और कॉलम चाहिए चुनें, स्पेसिंग और खाली जगह में दिखने वाला बैकग्राउंड रंग सेट करें, और यह सब कुछ एक ही कैनवास पर जोड़ देता है जिसे आप PNG या JPG के रूप में डाउनलोड कर सकते हैं।
हर फ़ोटो को उसकी सेल पूरी तरह भरने के लिए स्केल किया जाता है और सेल के आस्पेक्ट रेशियो से मेल खाने के लिए केंद्र से क्रॉप किया जाता है — बिल्कुल CSS के `object-fit: cover` जैसा व्यवहार — इसलिए पोर्ट्रेट और लैंडस्केप फ़ोटो एक-दूसरे से सटी रहती हैं, न कि दबी हुई या खाली जगह वाली। इमेज उसी क्रम में ग्रिड भरती हैं जिस क्रम में आपने उन्हें जोड़ा; अगर आप ग्रिड की सेल से ज़्यादा फ़ोटो जोड़ते हैं तो अतिरिक्त फ़ोटो छोड़ दी जाती हैं (सूचना के साथ), और अगर कम जोड़ते हैं तो बाकी सेल बैकग्राउंड रंग में रहती हैं। कुछ भी अपलोड नहीं होता — पूरा कोलाज स्थानीय रूप से Canvas API से बनता है और कभी आपके डिवाइस से बाहर नहीं जाता।
अक्सर पूछे जाने वाले प्रश्न
यदि कोई इमेज सेल के पहलू अनुपात से मेल नहीं खाती तो क्या होगा?
इसे सेल को पूरी तरह से कवर करने के लिए स्केल किया जाता है (जैसे CSS object-fit: cover), फिर फ़िट करने के लिए सेंटर-क्रॉप किया जाता है — इमेज हमेशा बिना किसी विरूपण या खाली लेटरबॉक्स बार के अपने सेल को किनारे से किनारे तक भरती है, लेकिन जो भी हिस्सा सेल के अनुपात में फ़िट नहीं होता उसे किनारों या ऊपर/नीचे से काट दिया जाता है।
क्या मैं ग्रिड में मौजूद सेल्स से अलग संख्या में इमेज का उपयोग कर सकता हूं?
हाँ, दोनों दिशाओं को सुंदर तरीके से संभाला जाता है: सेल्स से कम इमेज के साथ, बची हुई सेल्स बस आपके चुने हुए बैकग्राउंड रंग के रूप में दिखती हैं; सेल्स से अधिक इमेज के साथ, अतिरिक्त को केवल अनदेखा किया जाता है (एक नोट के साथ जो आपको बताता है कि कितनी छोड़ी गईं) न कि किसी त्रुटि का कारण बनता है — यदि आप चाहते हैं कि हर इमेज शामिल हो तो पंक्तियों×स्तंभों को बिल्कुल फ़िट करने के लिए समायोजित करें।