প্রোডাক্ট, স্লাইডার আর ব্যানারের জন্য কেমন ছবি ভালো?

প্রোডাক্টের জন্য বর্গাকার ছবি (৮০০ × ৮০০ পিক্সেল), হোম পেজের স্লাইডারের জন্য চওড়া ছবি (১৫০০ × ৪০০), আর ক্যাটাগরি ও ব্লগ পোস্টের জন্য বর্গাকার ছবি দিন। ফোনে তোলা বড় ছবি আপলোডের আগে ছোট করে নিন। হালকা WebP কপি দোকান নিজেই বানিয়ে নেয়।

কোথায় পাবেন

এই টিপসগুলো এসব আপলোডের ঘরের জন্য:

• Admin › Online store › Products › All products (প্রোডাক্টের Image আর Multi Image)
• Admin › Online store › Store design › Sliders (স্টোর ডিজাইন)
• Admin › Online store › Products › Categories (Category Image)
• Admin › Online store › Pages & blog › Blog posts (Image)

দোকানে কোন ছবি কোন মাপে লাগে

"ঠিক … মাপে সেভ হয়" মানে ছবিটা টেনে ওই মাপে আনা হয়। একই আকারের ছবি হলে অনুপাত ঠিক থাকে; অন্য আকারের হলে চ্যাপ্টা বা লম্বাটে দেখায়।

জেনে রাখুন

• স্লাইডারের লেবেল। স্লাইডার ফর্মে "(900*400)" লেখা থাকে, কিন্তু ছবি সেভ হয় ১৫০০ × ৪০০ মাপে। তাই ১৫০০ × ৪০০ আকারের ছবি (উচ্চতার প্রায় চার গুণ চওড়া) দিলে ঠিক দেখায়।
• এক ক্যাটাগরিতে এক আকার। একটা ক্যাটাগরির সব প্রোডাক্টের ছবি একই আকারের হলে প্রোডাক্টের সারিগুলো সুন্দর সমান থাকে।
• প্রোডাক্ট মাঝখানে, পেছনে সাদামাটা ব্যাকগ্রাউন্ড। ফোনে প্রোডাক্ট কার্ড ছোট দেখায়। হালকা, সাদামাটা ব্যাকগ্রাউন্ডে পরিষ্কার প্রোডাক্ট সহজে চোখে পড়ে।
• ফোনের ছবি ছোট করে নিন। ফোনের ক্যামেরার ছবি ৮০০ × ৮০০-এর চেয়ে অনেক গুণ বড়। আগে ছোট করে নিলে আপলোডও দ্রুত হয়, পেজও দ্রুত খোলে।
• স্লাইডারের লেখা। লেখা বড় রাখুন আর মাঝের দিকে রাখুন। ফোনে স্লাইডার ছোট দেখায়, ছোট লেখা পড়া কঠিন।
• WebP নিজে থেকেই হয়। বড় JPG আর PNG ছবির হালকা WebP কপি দোকান নিজেই বানায়। আপনাকে কিছু কনভার্ট করতে হয় না।

সাধারণ সমস্যা

• স্লাইডার টানা বা চ্যাপ্টা দেখাচ্ছে। ছবিটা ১৫০০ × ৪০০ আকারের ছিল না। ওই আকারে ক্রপ করে আবার আপলোড করুন।
• ক্যাটাগরির আইকন ঝাপসা দেখাচ্ছে। এটা ছোট (৯০ × ৯০) দেখায়। একটা পরিষ্কার জিনিসসহ সহজ বর্গাকার ছবি দিন।
• ব্লগের ছবি লম্বাটে দেখাচ্ছে। আপলোডের আগে বর্গাকারে ক্রপ করে নিন।

আরও পড়ুন

• আমার দোকানের ছবি এত দ্রুত খোলে কেন (WebP)?
• হোম পেজের স্লাইডার ব্যানার কীভাবে যোগ করব?
• একটা প্রোডাক্টে কয়েকটা ছবি কীভাবে দেব?
• ব্লগ পোস্ট কীভাবে লিখব?