JavaScript (Node.js) में छवियों के साथ कार्य

JavaScript (Node.js) में छवियों के साथ कार्य: पुस्तकालयों का अवलोकन और उदाहरण

आधुनिक Node.js वेब विकास में, अक्सर छवियों को संसाधित करने की आवश्यकता उत्पन्न होती है: आकार बदलना, प्रारूप बदलना, वॉटरमार्क लगाना या फ़िल्टर लागू करना। इस तथ्य के बावजूद कि JavaScript मूल रूप से ग्राफिक्स के साथ काम करने के लिए डिज़ाइन नहीं किया गया है, Node.js पारिस्थितिकी तंत्र कई शक्तिशाली पुस्तकालय प्रदान करता है जो इन कार्यों को कुशलतापूर्वक और न्यूनतम मेमोरी खपत के साथ हल करते हैं।

इस लेख में, हम तीन सबसे लोकप्रिय उपकरणों पर विचार करेंगे: Sharp (उच्च-प्रदर्शन प्रसंस्करण), Jimp (बाहरी निर्भरता के बिना शुद्ध JavaScript) और Canvas (ब्राउज़र API का अनुकरण)। प्रत्येक पुस्तकालय की अपनी ताकत है, और चुनाव परियोजना के विशिष्ट कार्यों पर निर्भर करता है।

1. Sharp — गति और दक्षता

Sharp Node.js में छवि प्रसंस्करण के लिए सबसे तेज़ पुस्तकालय है। यह मूल libvips मॉड्यूल (C/C++) का उपयोग करता है, जो न्यूनतम RAM उपयोग के साथ बड़ी छवियों को संसाधित करने की अनुमति देता है। Sharp सर्वर-साइड अनुप्रयोगों के लिए आदर्श है जहाँ उच्च प्रदर्शन और पाइपलाइन प्रसंस्करण की आवश्यकता होती है।

Sharp की मुख्य क्षमताएँ:

छवियों का आकार बदलना, क्रॉप करना, घुमाना
JPEG, PNG, WebP, AVIF, TIFF प्रारूपों के बीच रूपांतरण
रंग सुधार और पारदर्शिता लागू करना
EXIF मेटाडेटा के साथ कार्य
pipe के माध्यम से स्ट्रीम प्रसंस्करण

उदाहरण: आकार बदलना और WebP में रूपांतरण

const sharp = require('sharp');

async function processImage() {  try {    await sharp('input.jpg')      .resize(300, 200)            // चौड़ाई 300, ऊँचाई 200      .webp({ quality: 80 })       // 80% गुणवत्ता के साथ WebP में रूपांतरण      .toFile('output.webp');    console.log('छवि संसाधित हो गई!');  } catch (error) {    console.error('त्रुटि:', error);  }}

processImage();

Sharp की विशेषता — संचालन श्रृंखलाओं का समर्थन। आप बिना मध्यवर्ती फ़ाइलें बनाए क्रमिक रूप से resize, rotate, grayscale और toFormat लागू कर सकते हैं। इससे समय और संसाधनों की बचत होती है।

2. Jimp — मूल निर्भरता के बिना सरलता

Jimp (JavaScript Image Manipulation Program) एक पुस्तकालय है जो पूरी तरह से JavaScript में लिखा गया है। इसका मुख्य लाभ मूल मॉड्यूल को संकलित करने की आवश्यकता का अभाव है। Jimp किसी भी प्लेटफ़ॉर्म पर काम करता है जहाँ Node.js है, जिसमें Windows, macOS और Linux शामिल हैं। हालाँकि, बहुमुखी प्रतिभा के लिए गति की कीमत चुकानी पड़ती है: बड़ी फ़ाइलों को संसाधित करते समय Jimp Sharp से धीमा है।

Jimp की क्षमताएँ:

बुनियादी संचालन: आकार बदलना, क्रॉप करना, घुमाना
रंग प्रभाव: चमक, कंट्रास्ट, उलटा, सेपिया
टेक्स्ट और अन्य छवियों को जोड़ना
JPEG, PNG, BMP, GIF, TIFF प्रारूपों का समर्थन
पिक्सेल के साथ कार्य (पिक्सेल-दर-पिक्सेल प्रसंस्करण)

उदाहरण: छवि पर टेक्स्ट जोड़ना

const Jimp = require('jimp');

async function addText() {  const image = await Jimp.read('background.jpg');  const font = await Jimp.loadFont(Jimp.FONT_SANS_64_WHITE);

  image    .resize(800, 600)    .print(font, 50, 50, 'नमस्ते, दुनिया!')    .write('output.jpg');

  console.log('टेक्स्ट जोड़ दिया गया!');}

addText();

Jimp प्रोटोटाइपिंग या उन परियोजनाओं के लिए उपयुक्त है जहाँ प्रदर्शन महत्वपूर्ण नहीं है। उदाहरण के लिए, एक शैक्षिक बॉट या मीम बनाने की छोटी सेवा के लिए।

3. Canvas — ब्राउज़र API का अनुकरण

canvas (node-canvas) पुस्तकालय सर्वर-साइड पर HTML5 Canvas API को लागू करता है। यह Cairo (2D रेंडरर) का उपयोग करता है और न केवल तैयार छवियों को संसाधित करने की अनुमति देता है, बल्कि मनमाना ग्राफिक्स बनाने की भी अनुमति देता है। यह आदर्श विकल्प है यदि आपको शुरू से छवियाँ उत्पन्न करने की आवश्यकता है: ग्रा