স্পেশিয়াল কোয়ান্টাইজেশন কীভাবে কাজ করে ও ব্লক সাইজ কীভাবে বাছবেন
দ্রুত উত্তর: পিক্সেলেশন ছবিকে N×N পিক্সেল স্কয়ার গ্রিডে ভাগ করে, প্রতি স্কয়ারের সব পিক্সেল ব্লকের গড় RGB রঙে বদলায় এবং তীক্ষ্ণ nearest-neighbor স্কেলিং (imageSmoothingEnabled = false) দিয়ে রেন্ডার করে।
ডিজিটাল সিগন্যাল প্রসেসিংয়ে pixelation (মোজাইক ফিল্টার বা স্পেশিয়াল কোয়ান্টাইজেশন) ডিসপ্লে মাপ না বদলে ছবি বা নির্বাচিত অঞ্চলের স্পেশিয়াল রেজোলিউশন কমায়। আমাদের ইঞ্জিন টার্গেট রিজিয়ন 1 / blockSize ফ্যাক্টরে ডাউনস্যাম্পল করে তারপর ctx.imageSmoothingEnabled = false দিয়ে পূর্ণ রেজোলিউশনে স্কেল করে—তীক্ষ্ণ স্কয়ার কালার টাইল তৈরি হয়।
| প্রিসেট / ব্লক সাইজ |
টাইল মাপ |
ভিজুয়াল ইফেক্ট |
প্রস্তাবিত ব্যবহার |
8-Bit Retro (4px – 8px) |
4×4 থেকে 8×8 px |
ক্লাসিক ১৬-বিট / ৮-বিট ভিডিও গেম স্প্রাইট অ্যাস্থেটিক |
গেম অ্যাসেট প্রোটোটাইপ, রেট্রো অ্যাভাটার, মোজাইক আর্ট (Show Pixel Grid Lines সহ) |
Standard Mosaic (12px – 18px) |
12×12 থেকে 18×18 px |
সূক্ষ্ম ডিটেইল ও ছোট UI টেক্সট (< 14pt) ঢাকে, সিনের রঙ রাখে |
প্রোডাক্ট ডেমোতে ব্যাকগ্রাউন্ড ড্যাশবোর্ড ঝাপসা করা বা ছোট ইমেইল লুকানো (Blur Image) |
Strong Censor (24px – 35px) |
24×24 থেকে 35×35 px |
মুখ, নম্বরপ্লেট ও মাঝারি শিরোনাম চেনা যায় না এমন ম্যাক্রো-টাইলে নামে |
স্ট্রিট ফটোগ্রাফি, গাড়ির প্লেট ও সোশ্যাল স্ক্রিনশট অ্যানোনিমাইজ |
Maximum Redact (45px – 100px) |
45×45 থেকে 100×100 px |
পুরো শব্দ ও মুখের গঠন ২–৪টি সলিড কালার ব্লকে ভেঙে যায় |
API কী, কার্ড নম্বর, পাসওয়ার্ড ও বড় ডকুমেন্ট হেডারের অপরিবর্তনীয় রেডাকশন |
সংবেদনশীল ডেটা সেন্সর: বড়-ব্লক পিক্সেলেশন কেন টেক্সট ও PII নষ্ট করে
দ্রুত উত্তর: ব্লক সাইজ অক্ষর বা মুখের বৈশিষ্ট্যের পিক্সেল উচ্চতা ছাড়িয়ে গেলে একাধিক অক্ষর ও ব্যাকগ্রাউন্ড স্পেস এক সলিড রঙে গড় হয়, টেক্সট পুনর্গঠনের হাই-ফ্রিকোয়েন্সি তথ্য নষ্ট হয়।
ডেভেলপার, সাংবাদিক, QA ইঞ্জিনিয়ার ও আইনি দল GitHub ইস্যু, Slack চ্যানেল, সাপোর্ট টিকিট বা পাবলিক আর্টিকেলে স্ক্রিনশট পোস্টের আগে সেন্সর করে। সত্যিকারের নিরাপত্তার জন্য সঠিক রেডাকশন পদ্ধতি ও ব্লক সাইজ জরুরি:
- টেক্সট রেডাকশনের ব্লক সাইজের সোনালি নিয়ম:পিক্সেল ব্লক লুকানো অক্ষরের উচ্চতার অন্তত ১.৫× থেকে ২× বড়হতে হবে। Retina স্ক্রিনশটে বডি টেক্সট
24px লম্বা আর আপনি শুধু 6px পিক্সেলেশন দিলে প্রতি অক্ষরে এখনও ১৬টি আলাদা টাইল থাকে—ML OCR মডেল কখনো অনুমান করতে পারে।Pixel Block Size 28px–50px করলে দুই-তিনটি পুরো অক্ষর ও আশপাশের হোয়াইটস্পেস এক সমান RGB মানে ভেঙে যায়, পুনরুদ্ধার গাণিতিকভাবে অসম্ভব।
- সিলেকটিভ Censor Box মোড (
Censor Box):সাইডবারে Full MosaicথেকেCensor Box-এ যান—ক্যানভাসে ইন্টারঅ্যাকটিভ কমলা বাউন্ডিং বক্স দেখাবে। API টোকেন, ইমেইল, মুখ বা নম্বরপ্লেটের উপর বক্স টানুন, কোণা রিসাইজ করুন; শুধু সেই আয়তক্ষেত্র কোয়ান্টাইজ হবে, বাকি স্ক্রিনশট ১০০% তীক্ষ্ণ থাকবে।
সাধারণ ছবি থেকে ৮-বিট পিক্সেল আর্ট ও মোজাইক গ্রিড তৈরি
দ্রুত উত্তর: ৬px–১২px ব্লক সাইজ, 'Show Pixel Grid Lines' টগল ও লসলেস PNG এক্সপোর্ট মিলিয়ে যেকোনো ছবি বা ইলাস্ট্রেশনকে তীক্ষ্ণ টাইল মোজাইক বা রেট্রো স্প্রাইট রেফারেন্সে রূপান্তর করুন।
পিক্সেলেশন শুধু প্রাইভেসি রেডাকশনের জন্য নয়—ইন্ডি গেম ডেভেলপার, ক্রস-স্টিচ/বিড প্যাটার্ন মেকার ও ডিজিটাল ডিজাইনারদের প্রিয় ক্রিয়েটিভ টুল:
- রেট্রো গেম স্প্রাইট ও ব্যাকগ্রাউন্ড প্রোটোটাইপ:ল্যান্ডস্কেপ বা ক্যারেক্টার ইলাস্ট্রেশন এডিটরে ড্রপ করুন, Full Mosaic-এ 8-Bit (
6px)বাMosaic (14px) প্রিসেট বেছে নিন এবং কম টাইল রেজোলিউশনে কালার প্যালেট ও সিলুয়েট কেমন পড়ে তাৎক্ষণিক দেখুন।
- তীক্ষ্ণ ১px পিক্সেল গ্রিড:সাইডবারে Show Pixel Grid Lines চালু করলে প্রতিটি মোজাইক টাইলের মধ্যে সূক্ষ্ম ১px হেয়ারলাইন আঁকে। এক্সপোর্টেড PNG-তে অথেন্টিক LED ম্যাট্রিক্স, ক্রস-স্টিচ চার্ট বা Lego/পিক্সেল-আর্ট গ্রিড দেখায়।
- অ্যাসেট প্যাকের ব্যাচ স্টাইলিং:২০টি আইকন বা ব্যাকগ্রাউন্ড টেক্সচার একই ব্লক সাইজে পিক্সেলেট করতে সব ফাইল ওয়ার্কস্পেসে ড্রপ করুন, প্রথম ট্যাবে ব্লক সাইজ ও গ্রিড সেট করুন, Apply settings to all images ক্লিক করে পুরো প্যাক এক
.zip ফাইলে ডাউনলোড করুন।
১০০% ক্লায়েন্ট-সাইড রেডাকশন: আনসেন্সরড স্ক্রিনশট সার্ভারে পাঠাবেন না
দ্রুত উত্তর: Utiliome সম্পূর্ণ ওয়েব ব্রাউজারের লোকাল মেমোরিতে HTML5 Canvas দিয়ে চলে। আপনার আনসেন্সরড স্ক্রিনশট, API কী ও ব্যক্তিগত ছবি ইন্টারনেটে যায় না।
প্রোডাকশন API কী, কাস্টমার ইমেইল বা ব্যক্তিগত ছবি থাকা আনসেন্সরড স্ক্রিনশট শুধু সেন্সর করতে রিমোট ক্লাউডে আপলোড করা বড় সিকিউরিটি অ্যান্টি-প্যাটার্ন। HTTP POST-এ ফাইল বাইরের সার্ভারে গেলে লগ, CDN ক্যাশ বা ব্যাকআপে রাখা হবে না তার কোনো টেকনিক্যাল গ্যারান্টি নেই।
Utiliome-এর Pixelate Image টুল জিরো-ট্রাস্ট লোকাল প্রাইভেসি-র জন্য তৈরি:
- শূন্য নেটওয়ার্ক রিকোয়েস্ট: ফাইল লোকালি ব্রাউজার মেমোরিতে ডিকোড হয় এবং অফস্ক্রিন HTML5
<canvas>-এ আপনার CPU/GPU দিয়ে কোয়ান্টাইজ হয়।
- ফ্ল্যাটেনড বিটম্যাপ আউটপুট: এক্সপোর্টেড PNG, JPG বা WebP-তে শুধু চূড়ান্ত কোয়ান্টাইজড পিক্সেল অ্যারে থাকে—হিডেন লেয়ার, আনডু হিস্ট্রি বা আসল EXIF মেটাডেটা নেই।