ইমেজ ডিফ ভিউয়ার

চারটি তুলনার পদ্ধতি

• পাশাপাশি — সবচেয়ে সহজ চেক: উভয় ছবি সম্পূর্ণ সাইজে একে অপরের পাশে দেখানো হয়।
• স্লাইডার — একটি টেনে আনা যায় এমন বিভাজক এক পাশে পুরানো ছবি এবং অন্য পাশে নতুন ছবি প্রকাশ করে, UI পরিবর্তনের আগে/পরে দেখার জন্য আদর্শ।
• অনিয়ন স্কিন — দ্বিতীয় ছবিটিকে প্রথমটির উপর সামঞ্জস্যযোগ্য অপাসিটি দিয়ে ওভারলে করে, স্থানান্তর এবং সারিবদ্ধতা বিচ্যুতি শনাক্ত করার জন্য দুর্দান্ত।
• পিক্সেল ডিফ — প্রতিটি পিক্সেল তুলনা করে এবং পরিবর্তিতগুলো লাল রঙে রাঙিয়ে দেয়, তাই এক-পিক্সেল পরিবর্তনও মিস করা অসম্ভব।

পিক্সেল-ডিফ মেট্রিক

নিষ্পাপ RGB বিয়োগের পরিবর্তে, পিক্সেল-ডিফ মোড একটি YIQ রঙ-দূরত্ব মেট্রিক ব্যবহার করে — জনপ্রিয় pixelmatch লাইব্রেরির মতোই একই পদ্ধতি। YIQ উজ্জ্বলতা (Y) এবং ক্রোমিন্যান্স (I, Q) আলাদা করে, যা মানুষের চোখ কীভাবে পার্থক্য উপলব্ধি করে তার সাথে মেলে। একটি একক থ্রেশহোল্ড স্লাইডার নিয়ন্ত্রণ করে একটি পিক্সেলকে পতাকাঙ্কিত করার আগে কত বড় পার্থক্য প্রয়োজন।

সাধারণ পরিস্থিতি

1. UI রিগ্রেশন টেস্টিং — কোড পরিবর্তনের আগে এবং পরে একটি স্ক্রিনশট তুলনা করুন।
2. ডিজাইন রিভিউ — ডেভেলপারের বিল্ডটি মকআপের সাথে মেলে কিনা যাচাই করুন।
3. ইমেজ কম্প্রেশন QA — দেখুন একটি এনকোডার ঠিক কোন অঞ্চলগুলো পরিবর্তন করেছে।
4. ফটো এডিট — কোন পিক্সেলে রিটাচ স্পর্শ করেছে তা নিশ্চিত করুন।

সবকিছু আপনার ব্রাউজারে Canvas API তে চলে — কোনো আপলোড নেই, কোনো অপেক্ষা নেই।