কিউআর কোড ডিজাইন: রং, লোগো ও কোয়াইট জোনের টিপস

আপডেট ১ অক্টোবর, ২০২৬

ভালো কিউআর কোড ডিজাইনের মূল কথা হলো জোরালো কনট্রাস্ট (হালকা ব্যাকগ্রাউন্ডে গাঢ় কোড), চারপাশে পরিষ্কার ফাঁকা জায়গা বা কোয়াইট জোন, এরর কারেকশন যতটা সামলাতে পারে তার চেয়ে ছোট লোগো, আর প্রিন্টের আগে কয়েকটি ফোনে পরীক্ষা। স্টাইল দিতে কোনো বাধা নেই, যতক্ষণ স্ক্যানার কোডের প্রতিটি অংশ পড়তে পারে।

সাধারণ সাদা-কালো চৌকোর চেয়ে ব্র্যান্ডেড কিউআর কোড দেখতে অনেক সুন্দর, কিন্তু প্রতিটি ডিজাইন সিদ্ধান্ত স্ক্যানারের প্রয়োজনীয় কিছু না কিছু কমিয়ে দিতে পারে। এই গাইডে জরুরি নিয়মগুলো ব্যাখ্যা করা হয়েছে, যাতে আপনার কোড দেখতেও ভালো হয় আর প্রথমবারেই স্ক্যান হয়।

স্ক্যানার আপনার কিউআর কোড কীভাবে "দেখে"

আপনি যেভাবে ছবি দেখেন, ফোনের ক্যামেরা সেভাবে কিউআর কোড পড়ে না। এটি প্রথমে তিন কোণের তিনটি বড় চৌকো (ফাইন্ডার প্যাটার্ন) খোঁজে, কোডের কোণ ও আকার হিসাব করে, তারপর মডিউল নামের প্রতিটি ছোট চৌকো গাঢ় নাকি হালকা তা যাচাই করে।

তাই সবচেয়ে গুরুত্বপূর্ণ তিনটি জিনিস হলো:

  • গাঢ় ও হালকা মডিউলের মধ্যে কনট্রাস্ট
  • তিন কোণে পরিষ্কার ফাইন্ডার প্যাটার্ন
  • কোডের চারপাশে ফাঁকা জায়গা, যাতে স্ক্যানার বোঝে কোড কোথায় শুরু আর কোথায় শেষ

গাঢ় ও হালকার পার্থক্য ঝাপসা করে, প্যাটার্নের কোনো অংশ ঢেকে দেয় বা কিনারায় ভিড় তৈরি করে এমন যেকোনো কিছু স্ক্যানিংকে ধীর বা অসম্ভব করে তোলে।

কনট্রাস্ট, রং আর কোয়াইট জোন

রং বাছাই

বেশিরভাগ ডিজাইন রঙের জায়গাতেই ব্যর্থ হয়। সবচেয়ে নিরাপদ নিয়ম খুব সহজ: হালকা ব্যাকগ্রাউন্ডে গাঢ় কোড। সাদার ওপর কালো সবচেয়ে ভালো কাজ করে, তবে সাদা বা ক্রিম রঙের ওপর নেভি ব্লু, গাঢ় সবুজ, গাঢ় লাল বা গাঢ় বাদামিও ভালো স্ক্যান হয়।

যেগুলো এড়িয়ে চলবেন:

  • কম কনট্রাস্টের জোড়া, যেমন সাদার ওপর হালকা ধূসর, সাদার ওপর হলুদ বা প্যাস্টেলের ওপর প্যাস্টেল
  • উল্টো রঙের কোড (গাঢ় ব্যাকগ্রাউন্ডে হালকা মডিউল)। অনেক নতুন ফোনের ক্যামেরা এগুলো পড়তে পারে, কিন্তু কিছু স্ক্যানার অ্যাপ ও পুরোনো ফোন পারে না, ফলে আপনার দর্শকদের একটা অংশ বাদ পড়ে যায়
  • গ্রেডিয়েন্ট, যা কোডের এক পাশ থেকে অন্য পাশে গাঢ় থেকে হালকা হয়ে যায়, কারণ এতে কিছু মডিউল বেশি ফ্যাকাশে হয়ে পড়ে
  • কোডের পেছনে ভিড়ভাট্টা ছবির ব্যাকগ্রাউন্ড, যা স্ক্যানারকে বিভ্রান্ত করে

একটি দ্রুত পরীক্ষা: ডিজাইনটিকে গ্রেস্কেল বা সাদা-কালোতে রূপান্তর করুন। তখনও যদি কোডটি হালকার ওপর স্পষ্ট গাঢ় দেখায়, কনট্রাস্ট সম্ভবত ঠিক আছে। যদি মাঝারি ধূসরের ওপর মাঝারি ধূসর হয়ে যায়, আরও জোরালো রং বেছে নিন।

কোয়াইট জোন: কোডকে একটু জায়গা দিন

কোয়াইট জোন হলো কোডের চারপাশের ফাঁকা মার্জিন। কিউআর কোডের স্ট্যান্ডার্ড অনুযায়ী প্রতিটি পাশে চার মডিউল চওড়া একটি সীমানা থাকা উচিত। বাস্তবে অনেক কোড এর চেয়ে একটু কম জায়গাতেও স্ক্যান হয়, কিন্তু জায়গা বাঁচানোর জন্য এটি ঝুঁকিপূর্ণ জায়গা।

কোড যদি কোনো ছবি, বর্ডার বা লেখার একদম গা ঘেঁষে বসে, স্ক্যানার বুঝতে পারে না কোড কোথায় শেষ। মার্জিনটি পরিষ্কার রাখুন এবং হালকা মডিউলের মতো একই রঙের রাখুন, তাহলে স্ক্যানিংয়ের সবচেয়ে বিরক্তিকর একটি সমস্যা এড়াতে পারবেন।

কোড না ভেঙে লোগো যোগ করা

মাঝখানে লোগো বসানো খুব জনপ্রিয়, আর এটি কাজ করে কারণ কিউআর কোডে এরর কারেকশন থাকে। এরর কারেকশন বাড়তি ডেটা যোগ করে, যাতে কোডের কিছু অংশ নষ্ট বা ঢাকা পড়লেও তা পড়া যায়। এর চারটি লেভেল আছে: L (প্রায় ৭% ডেটা পুনরুদ্ধার করা যায়) থেকে H (প্রায় ৩০%) পর্যন্ত। বিস্তারিত জানতে পড়ুন আমাদের কিউআর এরর কারেকশন লেভেল গাইড।

ওপরে লোগো বসালে আপনি ইচ্ছা করেই কোডের একটা অংশ "নষ্ট" করছেন। তাই এই নিয়মগুলো মানুন:

  1. লোগো যোগ করলে বেশি এরর কারেকশন লেভেল, যেমন Q বা H, ব্যবহার করুন।
  2. লোগো ছোট রাখুন, মোটামুটি কোডের প্রস্থের পাঁচ ভাগের এক ভাগ বা তার কম, এবং বাছাই করা লেভেল যতটা পুনরুদ্ধার করতে পারে তার বেশ খানিকটা নিচে।
  3. লোগো মাঝখানে বসান, কোণের তিনটি ফাইন্ডার প্যাটার্নের ওপর কখনোই নয়।
  4. লোগোকে একটি সাধারণ ব্যাকগ্রাউন্ড বা সরু সাদা বর্ডার দিন, যাতে আশপাশের মডিউলের সঙ্গে মিশে না যায়।
  5. লোগোর আকার বা অবস্থান বদলানোর পর প্রতিবার আবার পরীক্ষা করুন।

মনে রাখবেন, বেশি এরর কারেকশন কোডকে আরও ঘন করে তোলে (বেশি এবং ছোট মডিউল)। এটাও কনটেন্ট ছোট রাখার আরেকটি কারণ, যেমন লম্বা URL-এর বদলে শর্ট লিংকসহ ডাইনামিক কিউআর কোড ব্যবহার করা।

পরিচ্ছন্ন কোডের জন্য ডেটা ছোট রাখুন

কিউআর কোডে যত বেশি ডেটা রাখবেন, তত বেশি মডিউল লাগবে, আর একই প্রিন্ট সাইজে প্রতিটি মডিউল তত ছোট হবে। ট্র্যাকিং প্যারামিটারসহ লম্বা ওয়েব ঠিকানা এমন ঘন কোড তৈরি করতে পারে, যা দূর থেকে বা নিম্নমানের প্রিন্টে পড়া কঠিন।

দুটি সহজ সমাধান:

  • একটি লিংক শর্টনার বা ডাইনামিক কিউআর কোড ব্যবহার করুন, যাতে শুধু একটি ছোট লিংক থাকে
  • কোড তৈরির আগে URL থেকে অপ্রয়োজনীয় প্যারামিটার বাদ দিন

ডাইনামিক কোডের আরেকটি সুবিধা আছে: পরে গন্তব্য বদলাতে হলে আপনার সুন্দর ডিজাইনটি আবার প্রিন্ট করতে হয় না।

আকৃতি, স্টাইল আর ফ্রেম

অনেক জেনারেটরে মডিউলগুলো গোল করা, কোণের চৌকোর আকৃতি বদলানো বা কল-টু-অ্যাকশনসহ একটি ফ্রেম যোগ করা যায়। এগুলো দেখতে দারুণ হতে পারে, তবে কিছু সীমা মেনে:

  • গোল বা ডট স্টাইলের মডিউল সাধারণত ভালো স্ক্যান হয়, যদি সেগুলো যথেষ্ট বড় থাকে এবং কনট্রাস্ট বজায় থাকে। খুব ছোট ডট আর মাঝে বড় ফাঁক থাকলে স্ক্যান ব্যর্থ হতে পারে।
  • কাস্টম কোণের চৌকো তবুও যেন চৌকোর ভেতরে নিরেট চৌকোর মতো দেখায়। খুব সরু বা বেশি কারুকার্যময় করবেন না।
  • ফ্রেম ও লেবেল, যেমন "মেনু দেখতে স্ক্যান করুন", কাজের জিনিস, তবে এগুলো কোয়াইট জোনের বাইরে রাখুন।
  • পরীক্ষা না করে কোডকে টেনে আয়তাকার করবেন না বা বাঁকা তলের ওপর বসাবেন না। বেঁকে গেলে মডিউলের গ্রিড বদলে যায়।

প্রিন্টের আগে ডিজাইন চেকলিস্ট

প্রতিটি নতুন কিউআর কোড ডিজাইনের জন্য এই তালিকাটি মিলিয়ে নিন:

  1. হালকা ব্যাকগ্রাউন্ডে গাঢ় মডিউল, গ্রেস্কেলেও জোরালো কনট্রাস্ট
  2. সব পাশে প্রায় চার মডিউলের কোয়াইট জোন, পুরোপুরি ফাঁকা
  3. লোগো ছোট, মাঝখানে, এবং কোণের চৌকোগুলো ঢাকেনি
  4. লোগো যোগ করলে এরর কারেকশন লেভেল বাড়ানো হয়েছে
  5. ডেটা ছোট রাখা হয়েছে, সম্ভব হলে শর্ট বা ডাইনামিক লিংক দিয়ে
  6. কল-টু-অ্যাকশন কোডের বাইরে বসানো হয়েছে
  7. স্ক্যানিংয়ের দূরত্বের সঙ্গে মানানসই আকারে প্রিন্ট করা হয়েছে (দেখুন আমাদের কিউআর কোড সাইজ গাইড)
  8. স্বাভাবিক আলোয় অন্তত দুই-তিনটি আলাদা ফোনে, আইফোন ও অ্যান্ড্রয়েড দুটোতেই, পরীক্ষা করা হয়েছে
  9. চূড়ান্ত ফাইল ধারালো ফরম্যাটে (SVG বা উচ্চ রেজোলিউশনের PNG) এক্সপোর্ট করা হয়েছে, ঝাপসা স্ক্রিনশট নয়

FAQ

কিউআর কোড কি যেকোনো রঙের হতে পারে?

হ্যাঁ, যতক্ষণ মডিউলগুলো ব্যাকগ্রাউন্ডের চেয়ে স্পষ্টভাবে গাঢ় থাকে। সাদা বা ক্রিমের ওপর গাঢ় রং সবচেয়ে নিরাপদ। হালকা ব্যাকগ্রাউন্ডে হালকা রং এড়িয়ে চলুন আর উল্টো রঙের ডিজাইনে সতর্ক থাকুন।

কিউআর কোডে লোগো কত বড় হতে পারে?

মোটামুটি কোডের প্রস্থের পাঁচ ভাগের এক ভাগ বা তার কম রাখুন, মাঝখানে বসান, আর এরর কারেকশন Q বা H রাখুন। লোগো যোগ করার পর সবসময় পরীক্ষা করুন, কারণ প্রতিটি কোড আর লোগো আলাদা।

আমার ডিজাইন করা কিউআর কোড স্ক্যান হচ্ছে না কেন?

সাধারণ কারণগুলো হলো কম কনট্রাস্ট, কোয়াইট জোন না থাকা, খুব বড় লোগো, বা ডেটার তুলনায় খুব ছোট করে প্রিন্ট করা। একবারে একটি জিনিস ঠিক করুন এবং প্রতিটি পরিবর্তনের পর পরীক্ষা করুন।

কাস্টম ডিজাইন কি কিউআর কোডকে কম নিরাপদ করে?

ডিজাইন নিজে নিরাপত্তায় কোনো পরিবর্তন আনে না। আসল বিষয় হলো কোডটি কোথায় নিয়ে যায়। স্পষ্ট কল-টু-অ্যাকশন আর বিশ্বস্ত গন্তব্যসহ একটি ব্র্যান্ডেড কোড মানুষকে নিশ্চিন্তে স্ক্যান করতে সাহায্য করে।

দেখতে সুন্দর এবং স্ক্যানও হয় এমন কিউআর কোড বানান

ভালো ডিজাইন মানে ভারসাম্য: এক দিকে আপনার ব্র্যান্ড, অন্য দিকে স্ক্যানারের প্রয়োজন। QR-TH-এর ফ্রি কিউআর কোড জেনারেটর দিয়ে রং আর লোগো যোগ করুন, ফলাফলের প্রিভিউ দেখুন, এবং প্রিন্টে পাঠানোর আগে নিজের ফোনে পরীক্ষা করে নিন।

আরও গাইড

১২ অক্টোবর, ২০২৬

টু-ফ্যাক্টর অথেন্টিকেশন (2FA) সহজ ভাষায়

টু-ফ্যাক্টর অথেন্টিকেশন বা 2FA কীভাবে কাজ করে, SMS কোডের চেয়ে অথেন্টিকেটর অ্যাপ কেন ভালো, আর ব্যাকআপ কোড কোথায় রাখলে অ্যাকাউন্টে কখনো আটকে যাবেন না, জানুন।

৫ অক্টোবর, ২০২৬

কিউআর কোড প্রাইভেসি: স্ক্যানে আপনার কী তথ্য যায়

কিউআর কোড প্রাইভেসি সহজ ভাষায়: স্ক্যানে কী তথ্য প্রকাশ পায়, ব্যবসা কীভাবে স্ক্যান ট্র্যাক করে, ডেটা সুরক্ষা আইন কী বলে, আর কীভাবে নিয়ন্ত্রণ রাখবেন।

২৭ সেপ্টেম্বর, ২০২৬

কিউআর কোড প্রতারণার উদাহরণ: বাস্তব স্ক্যাম ও সতর্কসংকেত

কিউআর কোড প্রতারণার বাস্তব উদাহরণ: পার্কিং মিটারে ভুয়া স্টিকার, পার্সেলের নোটিশ, ফিশিং ইমেইল আর লিফলেট। স্ক্যান করার আগেই সতর্কসংকেতগুলো চিনে নিন।