ছবি তুলনার জন্য বিনামূল্যে Node.js API

ওপেন সোর্স Node.js-ভিত্তিক এপিআই যা পিক্সেল দ্বারা ইমেজ পিক্সেলের তুলনা করে। Node.js অ্যাপ্লিকেশনে ইমেজ তুলনার জন্য একটি শক্তিশালী, নমনীয় এবং দক্ষ সমাধান।

ছবি তুলনা সফ্টওয়্যার বিকাশে একটি গুরুত্বপূর্ণ ভূমিকা পালন করে, বিশেষ করে ভিজ্যুয়াল রিগ্রেশন টেস্টিং, ছবির গুণমান নিশ্চিতকরণ এবং পিক্সেল-নিখুঁত ডিজাইন যাচাইকরণের মতো ক্ষেত্রে। আপনি একাধিক প্ল্যাটফর্ম জুড়ে সামঞ্জস্যপূর্ণ UI উপস্থিতি নিশ্চিত করার জন্য সফ্টওয়্যার বিকাশ করছেন বা একটি উত্পাদন পাইপলাইনে ভিজ্যুয়াল চেক স্বয়ংক্রিয় করছেন, একটি দক্ষ চিত্র তুলনা সরঞ্জাম থাকা অপরিহার্য। LooksSame, Gemini-Testing দ্বারা তৈরি একটি ওপেন-সোর্স API, এর স্বজ্ঞাত বৈশিষ্ট্যগুলির সাথে চিত্র তুলনা করার জন্য সফ্টওয়্যার তৈরির প্রক্রিয়াটিকে সহজ করে। পিক্সেল-বাই-পিক্সেল ইমেজ তুলনা, অ্যান্টি-আলিয়াসিং সনাক্তকরণ, কনফিগার সহনশীলতা নিয়ন্ত্রণ, চিত্রের মাত্রা পরিচালনা, প্রতিশ্রুতিগুলির জন্য সমর্থন এবং আরও অনেক কিছুর মতো লাইব্রেরির বেশ কয়েকটি গুরুত্বপূর্ণ বৈশিষ্ট্য রয়েছে।

LooksSame হল একটি Node.js-ভিত্তিক API চিত্র তুলনা করার জন্য ডিজাইন করা হয়েছে। এটি ডেভেলপারদেরকে পিক্সেল দ্বারা ছবি পিক্সেল তুলনা করার অনুমতি দেয়, রেন্ডারিং পরিবেশে পার্থক্যের কারণে ঘটতে পারে এমন ছোটখাট বৈচিত্রগুলি পরিচালনা করার বিকল্পগুলি সহ। লাইব্রেরি ব্যবহার করে, সফ্টওয়্যার বিকাশকারীরা তাদের নিজস্ব অ্যাপ্লিকেশন তৈরি করতে পারে যা তুচ্ছ বৈচিত্র উপেক্ষা করে উল্লেখযোগ্য দৃশ্যগত পার্থক্য সনাক্ত করে। API প্রাথমিকভাবে বিকাশকারীদের UI ডিজাইনে সামঞ্জস্য বজায় রাখতে সহায়তা করার উপর দৃষ্টি নিবদ্ধ করে, তবে এর বহুমুখিতা এটিকে অন্যান্য অনেক চিত্র তুলনা ব্যবহারের ক্ষেত্রে উপযুক্ত করে তোলে। এর সহজবোধ্য API এবং কাস্টমাইজযোগ্য বিকল্পগুলির সাথে, LooksSame যেকোন বিকাশকারীর টুলকিটে একটি দুর্দান্ত সংযোজন, বিশেষ করে ওয়েব-ভিত্তিক UI পরীক্ষা, স্বয়ংক্রিয় চিত্র তৈরি এবং অন্যান্য পরিস্থিতিতে যেখানে ভিজ্যুয়াল নির্ভুলতা সর্বাধিক।

Previous Next

LoksSame দিয়ে শুরু করা

লুকসেম ইনস্টল করার প্রস্তাবিত উপায় হল NPM ব্যবহার করা। একটি মসৃণ ইনস্টলেশনের জন্য অনুগ্রহ করে নিম্নলিখিত কমান্ডটি ব্যবহার করুন৷

NPM এর মাধ্যমে LooksSame ইনস্টল করুন

npm install looks-same

Node.js অ্যাপে মৌলিক চিত্র তুলনা

ওপেন সোর্স LooksSame লাইব্রেরি সফ্টওয়্যার বিকাশকারীদের জন্য Node.js অ্যাপ্লিকেশনের মধ্যে মৌলিক চিত্র তুলনা করা সহজ করে তোলে। একবার ইনস্টল হয়ে গেলে, আপনি আপনার কোডে LooksSame মডিউল প্রয়োজন করে দুটি চিত্র তুলনা করতে পারেন। এখানে একটি প্রাথমিক উদাহরণ রয়েছে যা দেখায় যে দুটি চিত্র দৃশ্যত অভিন্ন কিনা তা পরীক্ষা করতে লাইব্রেরিটি কীভাবে ব্যবহার করতে হয়: এই উদাহরণে, image1.png এবং image2.png তুলনা করে। যদি তারা দৃশ্যত একই হয়, সমান সত্য ফিরে আসবে; অন্যথায়, এটি মিথ্যা ফেরত দেয়।

Node.js অ্যাপের ভিতরে দুটি ছবি কিভাবে তুলনা করবেন?

const looksSame = require('looks-same');

// Compare two images
looksSame('image1.png', 'image2.png', (error, { equal }) => {
    if (error) {
        console.error('Error comparing images:', error);
    } else if (equal) {
        console.log('Images are identical!');
    } else {
        console.log('Images differ!');
    }
});

সহনশীলতা-ভিত্তিক চিত্র তুলনা

পিক্সেল-নিখুঁত মিলের প্রয়োজন নেই এমন অ্যাপ্লিকেশনগুলির জন্য, সফ্টওয়্যার বিকাশকারীরা একটি সহনশীলতা স্তর যোগ করতে পারেন৷ এটি বিভিন্ন ব্রাউজার বা অপারেটিং সিস্টেমে রেন্ডারিংয়ের কারণে চিত্রগুলির মধ্যে ছোট পার্থক্যগুলিকে উপেক্ষা করার অনুমতি দেয়৷ নিম্নলিখিত কোড উদাহরণে, সহনশীলতা 5% এ সেট করা হয়েছে, যার অর্থ ছোট পিক্সেল বৈচিত্র্য (5% পর্যন্ত) ছবিগুলিকে আলাদা হিসাবে বিবেচনা করবে না৷

কীভাবে Node.js অ্যাপের মধ্যে সহনশীলতা-ভিত্তিক চিত্র তুলনা সম্পাদন করবেন?

cfunction compareWithTolerance(image1, image2, toleranceLevel) {
    looksSame(image1, image2, { tolerance: toleranceLevel }, (error, { equal }) => {
        if (error) {
            console.error('Error comparing images:', error);
        } else if (equal) {
            console.log('Images are visually identical within tolerance!');
        } else {
            console.log('Images differ!');
        }
    });
}

// Usage
compareWithTolerance('image1.png', 'image2.png', 5);  // 5% tolerance

পার্থক্যের নির্দিষ্ট ক্ষেত্র হাইলাইট করা

আরো পরিশীলিত অ্যাপ্লিকেশনের জন্য, সফ্টওয়্যার বিকাশকারীরা পার্থক্যের শুধুমাত্র নির্দিষ্ট ক্ষেত্রগুলি সনাক্ত করতে এবং বিশ্লেষণ করতে চাইতে পারে। LooksSame লাইব্রেরি একটি বাউন্ডিং বক্স বৈশিষ্ট্য সরবরাহ করে যা সঠিক অঞ্চলটি দেখায় যেখানে পার্থক্য ঘটে। এই ফাংশনটি বিভিন্ন অঞ্চলের বাউন্ডিং বক্স স্থানাঙ্কগুলিকে আউটপুট করে, যা পরিবর্তিত চিত্রের নির্দিষ্ট অংশগুলিতে ফোকাস করা সহজ করে তোলে। নীচের উদাহরণটি দেখায় কিভাবে চিত্রের তুলনা করতে এবং পার্থক্যগুলি হাইলাইট করতে বাউন্ডিং বক্স স্থানাঙ্ক ব্যবহার করতে হয়।

Node.js অ্যাপের মাধ্যমে চিত্রগুলির নির্দিষ্ট এলাকার মধ্যে পার্থক্যগুলিকে কীভাবে তুলনা করবেন?

function compareWithDiffBounds(image1, image2) {
    looksSame(image1, image2, (error, { diffBounds }) => {
        if (error) {
            console.error('Error comparing images:', error);
        } else {
            console.log('Bounding box of differences:', diffBounds);
        }
    });
}

// Usage
compareWithDiffBounds('image1.png', 'image2.png');

সঠিক তুলনার জন্য অ্যান্টি-আলিয়াসিং সনাক্তকরণ

ওপেন সোর্স LookSame লাইব্রেরি সফটওয়্যার ডেভেলপারদের Node.js অ্যাপ্লিকেশনের মধ্যে অ্যান্টি-অ্যালিয়াসিং ডিটেকশন পদ্ধতি ব্যবহার করে ইমেজ কম্প্রেশন করতে দেয়। অ্যান্টি-অ্যালিয়াসিং ইমেজ তুলনা করার সময় মিথ্যা ইতিবাচক কারণ হতে পারে, কারণ এটি প্রান্ত রেন্ডারিং-এ সামান্য ভিন্নতা প্রবর্তন করে। লাইব্রেরির ignoreAntialiasing অপশন এই মিথ্যা ইতিবাচক এড়াতে সাহায্য করে। এটি বিশেষত এমন অ্যাপ্লিকেশনগুলির জন্য উপযোগী যেখানে বিভিন্ন ডিভাইস বা ব্রাউজারে ছবিগুলি ভিন্নভাবে রেন্ডার করা যেতে পারে কিন্তু এখনও দৃশ্যত একই রকম৷

 বাংলা