ডিসপ্লে অ্যাডের সাইজ: এক কাটআউট, ছয় ব্যানার

ডিসপ্লে বিজ্ঞাপনের একটা খুঁটিনাটি ছোট বিজ্ঞাপনদাতাদের প্রায়ই অবাক করে দেয়: আপনার ক্রিয়েটিভ একটামাত্র সাইজে চলে না। নেটওয়ার্ক চায় প্রায়-বর্গাকার একটা রেক্টাঙ্গেল, একটা চওড়া ফিতা, একটা লম্বা টাওয়ার আর একটা ছোট্ট মোবাইল স্ট্রিপ — একই ক্যাম্পেইন থেকে, প্রতিটাতেই স্পষ্ট বোঝা যাবে একই ব্র্যান্ড।

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

ভালো খবর হলো, এটুকুই যথেষ্ট — যদি আপনি একটামাত্র স্থির ছবি দিয়ে না গিয়ে, নিজে নিজে সাজানো যায় এমন অংশ দিয়ে ব্যানার বানান। নিচে দেওয়া হলো তৈরি করার মতো সাইজের তালিকা, আর এমন একটা ওয়ার্কফ্লো যা পুরো কাজটাকে ঝামেলাহীন করে তোলে।

যে ছয়টি ডিসপ্লে অ্যাড সাইজ আসল কাজটা করে

অ্যাড নেটওয়ার্কগুলো কারিগরিভাবে ডজনখানেক সাইজ সাপোর্ট করে, কিন্তু বেশিরভাগ প্লেসমেন্ট আসে হাতে গোনা কয়েকটা স্ট্যান্ডার্ড সাইজ থেকে। এই ছয়টা কভার করলে প্রায় সব জায়গাতেই আপনি এলিজিবল হয়ে যাবেন:

• 300x250 মিডিয়াম রেক্টাঙ্গেল — এটাই মূল কাজের ঘোড়া। ডেস্কটপ আর মোবাইল দুটোতেই ইন-কনটেন্ট আর সাইডবার স্লটে এটা ফিট করে যায়। একটাই ব্যানার বানাতে চাইলে, এটাই বানান।
• 336x280 লার্জ রেক্টাঙ্গেল — মিডিয়াম রেক্টাঙ্গেলের বড় ভাই, আর Google Ads-এর পছন্দের একটা সাইজ যা এর অফিশিয়াল IAB লিস্টিং থেকেও বেশি দিন টিকে গেছে। একই লেআউট সাধারণত অতিরিক্ত জায়গাসহ এখানেও দিব্যি খাপ খেয়ে যায়।
• 728x90 লিডারবোর্ড — ডেস্কটপ পেজের ওপরের চওড়া স্ট্রিপ। খুবই খাটো একটা জায়গা; একে একটা হরাইজন্টাল বিজনেস কার্ডের মতো ধরে নিয়ে ডিজাইন করুন।
• 320x50 মোবাইল ব্যানার — ছোট্ট মোবাইল স্ট্রিপ, আর বিজ্ঞাপনের জগতে পড়ার সবচেয়ে কঠিন পরীক্ষা।
• 160x600 ওয়াইড স্কাইস্ক্র্যাপার — লম্বা একটা সাইডবার ইউনিট, যা মানুষ স্ক্রল করার সময়েও চোখের সামনে থেকে যায়।
• 300x600 হাফ পেজ — বড় একটা ভার্টিক্যাল ক্যানভাস, আর একমাত্র স্লট যেখানে হিরো শট, হেডলাইন আর বাটন একে অপরের গায়ে ধাক্কা না দিয়েই জায়গা করে নিতে পারে।

কেন ছয়টা ফটোশুটের চেয়ে একটা প্রোডাক্ট কাটআউট ভালো

শেপগুলো আরেকবার দেখুন: মোটামুটি বর্গাকার, একটা লম্বা ফিতা, একটা সরু টাওয়ার। কোনো একটা মাত্র ফটোগ্রাফ এই সবগুলোতেই ভালোভাবে বসে না। কোনো লাইফস্টাইল শট লিডারবোর্ডের অনুপাতে ক্রপ করলে দৃশ্যের অর্ধেকটাই কেটে বাদ পড়ে যায়; আর স্কাইস্ক্র্যাপারে গুঁজে দিলে আপনার প্রোডাক্ট সংকুচিত হয়ে একটা বিন্দুতে পরিণত হয়।

গাঁথা-থাকা ব্যাকগ্রাউন্ডের মূল সমস্যাটা এখানেই — ব্যাকগ্রাউন্ড পুরো কম্পোজিশনের সাথে ঝালাই করা থাকে, তাই ছবিটা শুধু যে অ্যাসপেক্ট রেশিওতে তোলা হয়েছিল, সেটাতেই কাজ করে।

একটা কাটআউট এই ঝালাইটা ভেঙে দেয়। remover.bg দিয়ে ব্যাকগ্রাউন্ড সরিয়ে ফেলুন (এটা চুল বা লোমের মতো জায়গাতেও কিনারা পরিষ্কার রাখে), একটা স্বচ্ছ ব্যাকগ্রাউন্ড PNG এক্সপোর্ট করুন, আর নিজের ডিজাইন টুলে একটা সলিড ব্র্যান্ড-কালার ব্যাকগ্রাউন্ডের ওপর বসিয়ে দিন। এখন প্রোডাক্টটা নড়াচড়া করানো যায় এমন একটা অবজেক্ট: লিডারবোর্ডে ডানদিকে সরিয়ে দিন, স্কাইস্ক্র্যাপারে নিচের দিকে বসান, হাফ পেজে একে পুরো জায়গা দখল করতে দিন। ব্যাকগ্রাউন্ডটা এমন কোনো ছবি নয় যা আপনি ক্রপ করছেন — এটা এমন রং, যা আপনি যে ফ্রেমই আঁকুন না কেন, তা ভরে দেয়।

ব্যাকগ্রাউন্ড বদলানো যদি আপনার কাছে নতুন কিছু হয়, তাহলে কীভাবে একটা ছবির ব্যাকগ্রাউন্ড বদলাবেন নিয়ে আমাদের গাইডটা মিনিটের মধ্যেই পুরো প্রক্রিয়াটা দেখিয়ে দেয়। আর রংটা নিজেই একটা স্ট্র্যাটেজিক সিদ্ধান্ত, শুধু সাজসজ্জা নয় — কোন প্রোডাক্টের জন্য কোনটা কাজ করে, তা ভেঙে বলেছি আমাদের প্রোডাক্ট ফটো ব্যাকগ্রাউন্ড কালার গাইডে।

ছোট সাইজে সেফ জোন আর পড়ার সহজতা

একটা 320x50 ব্যানার আপনার বুড়ো আঙুলের সমান সাইজের। এই বাস্তবতা মাথায় রেখেই ডিজাইন করুন:

• প্রতি ব্যানারে একটাই মেসেজ। প্রোডাক্ট, পাঁচ শব্দ বা তার কম একটা হেডলাইন, একটা কল টু অ্যাকশন। এর বেশি কিছু হলেই সেটা শোরগোল হয়ে দাঁড়ায়।
• কিনারায় খানিকটা ফাঁকা জায়গা রাখুন। টেক্সট আর লোগো একেবারে বর্ডারের গা ঘেঁষে রাখবেন না — ক্যাপিটাল লেটারের উচ্চতার সমান একটা মার্জিন রাখাই ভালো একটা অভ্যাস।
• আসল সাইজে টেস্ট করুন। 100%-এ জুম করে একটু পেছনে সরে দাঁড়ান। আপনাকে যদি চোখ কুঁচকে দেখতে হয়, তাহলে আপনার দর্শকরা তো একেবারেই পাত্তা দেবে না।
• CTA-কে বাটনের আকার দিন। কনট্রাস্টসহ একটা ছোট ভরাট রেক্টাঙ্গেল 320x50 সাইজেও চোখ টেনে নেয়।
• সাদা ব্যাকগ্রাউন্ডে বর্ডার দিন। আপনার ব্যাকগ্রাউন্ড সাদা বা খুব হালকা রঙের হলে একটা পাতলা বর্ডার যোগ করুন, যাতে বিজ্ঞাপনটা পেজের মধ্যে মিলিয়ে না যায় — কিছু নেটওয়ার্কে এটা বাধ্যতামূলকও বটে।

ফাইলের সাইজ: ছোট ব্যানার, আরও ছোট ফাইল

অ্যাড প্ল্যাটফর্মগুলো ফাইল সাইজের ব্যাপারে বেশ কড়া — যেমন, Google Ads আপলোড করা ইমেজ অ্যাডের জন্য 150 KB-এর সীমা বেঁধে দিয়েছে। এটাও কাটআউট-প্লাস-সলিড-কালারের পক্ষে আরেকটা নীরব যুক্তি: ফ্ল্যাট ব্যাকগ্রাউন্ড দারুণভাবে কমপ্রেস হয়, অথচ ফটোগ্রাফিক ব্যাকগ্রাউন্ড এমন সব ডিটেইলে আপনার বাইট-বাজেট খরচ করে ফেলে, যা কেউ খেয়ালই করে না। ঠিক এই একই বাইট-শৃঙ্খলা ঠিক করে দেয়, ইমেইল ক্যাম্পেইনে প্রোডাক্ট ইমেজ কোনো সাবস্ক্রাইবার স্ক্রল করে চলে যাওয়ার আগেই লোড হবে কি না।

প্রতিটা ব্যানার তার আসল পিক্সেল মাপেই এক্সপোর্ট করুন, বড় সাইজের ফাইল আপলোড করে নেটওয়ার্ক দয়া করে ঠিকমতো স্কেল করে দেবে, এমন আশা করবেন না। সীমার কাছাকাছি চলে গেলে ভারী গ্রেডিয়েন্ট আর টেক্সচার ওভারলে বাদ দিন। আর কোনো প্ল্যাটফর্মের স্পেসিফিকেশন স্পষ্ট না হলে, ভুলভাবে বারোটা ফাইল এক্সপোর্ট করার আগে তাদের বর্তমান অফিশিয়াল গাইডলাইন একবার দেখে নিন।

সব সাইজজুড়ে একই লুক

ডিসপ্লে বিজ্ঞাপন বারবার দেখানোর পুরস্কার দেয়। কেউ হয়তো একটা নিউজ সাইটে আপনার লিডারবোর্ড দেখল, তারপর কোনো ব্লগে আপনার মিডিয়াম রেক্টাঙ্গেল — ক্যাম্পেইনের প্রভাব তখনই জমে ওঠে, যখন দুটো মুহূর্তেই স্পষ্ট বোঝা যায় যে এটা একই ব্র্যান্ড।

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

সারকথা

মূল কাজের ছয়টা সাইজ বানান: 300x250, 336x280, 728x90, 320x50, 160x600 আর 300x600। শুরু করুন একটা সলিড ব্র্যান্ড ব্যাকগ্রাউন্ডে একটা পরিষ্কার প্রোডাক্ট কাটআউট দিয়ে, প্রতি ব্যানারে একটাই মেসেজ রাখুন, সেফ জোন মেনে চলুন, আর ঠিক মাপেই হালকা ফাইল এক্সপোর্ট করুন। ছয়টা ব্যানার, একটা বিকেল, একটা চেনা-না-হয়ে-উপায়-নেই ব্র্যান্ড — এটাই পুরো খেলা।