ওয়েবসাইট ও ব্লগের ছবি হালকা রাখার নিয়ম: আপলোডের আগে কী করবেন

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

ওজনের হিসাবটা একবার দেখুন

একটা কাল্পনিক উদাহরণ নিই। আপনার পাতায় ১০টি ছবি আছে, প্রতিটি ফোন থেকে সরাসরি আসা ৩ MB-র ফাইল। মোট দাঁড়ায় ১০ × ৩ = ৩০ MB। এখন প্রতিটিকে কমিয়ে ২০০ KB করলে মোট হয় ১০ × ২০০ = ২,০০০ KB, মানে ২,০০০ ÷ ১,০২৪ ≈ ১.৯৫ MB। ওজন কমল প্রায় ১৫ গুণ। ছবিগুলো একই, পাতাও একই, শুধু ওজন অনেক কম।

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

এত বড় ছবি কেন লাগে না

৪০০০ × ৩০০০ পিক্সেলের ছবি তোলা হয় কাগজে ছাপার মতো কাজের কথা ভেবে। কিন্তু ব্লগের লেখার পাশে ছবিটা হয়তো ৮০০ পিক্সেল চওড়া জায়গায় দেখা যাবে। ৪০০০ পিক্সেল চওড়া ফাইল আপলোড করলেও পাঠক দেখবেন ৮০০ পিক্সেলের কাছাকাছি, বাকি পিক্সেল শুধু ওজন বাড়ায়। কিছু আধুনিক পর্দা বেশি ঘন, তাই দেখানোর মাপের দ্বিগুণ রাখা অনেকে ভালো মনে করেন, তবু ৪০০০ আর ১৬০০-র মধ্যে পার্থক্য বিশাল।

হিসাবটা দেখুন: ৪০০০ × ৩০০০ থেকে ১৬০০ × ১২০০-তে নামালে পিক্সেলের সংখ্যা ১,২০,০০,০০০ থেকে ১৯,২০,০০০ হয়, মানে মাত্র ১৬%। বাকি ৮৪% পিক্সেল ছেঁটে ফেললেও সাধারণ পাতায় পার্থক্য প্রায় ধরা পড়ে না। পিক্সেল আর সাইজের সম্পর্ক বিস্তারিত আছে ছবির সাইজ কীভাবে ঠিক হয়, সেই লেখায়।

টুলের গোড়ার সেটিং কী বলে

টুলটি খুললে তিনটি মান আগে থেকে বসানো থাকে: সর্বোচ্চ প্রস্থ ১৬০০ পিক্সেল, কোয়ালিটি ৭৫%, আর ফরম্যাট JPEG। ওয়েবের সাধারণ ছবির জন্য এটা ভালো শুরু। টুলের নিজের প্রশ্নোত্তরেও বলা আছে, ওয়েবসাইটের ছবির জন্য ৭০ থেকে ৮০% সাধারণত যথেষ্ট।

এখান থেকে নিজের প্রয়োজনে বদলান। পাতায় ছবি ছোট করে দেখালে প্রস্থ আরও কমান, ১২০০ বা ১০০০ রাখতে পারেন। বড় ব্যানার ছবির জন্য প্রস্থ একটু বেশি আর কোয়ালিটি একটু বেশি রাখতে চাইতে পারেন, তবে সংখ্যাটা আপনার পাতার নকশার ওপর নির্ভর করে। প্রস্থ ঘরে ০ লিখলে আসল মাপই থাকে। আর মনে রাখুন, ছবি যদি আগেই ১৬০০ পিক্সেলের কম চওড়া হয়, তবে টুল তাকে বড় করে না, তাই ছোট ছবি ঝাপসা হওয়ার ভয় নেই।

একসঙ্গে অনেক ছবি

পণ্যের পাতা বা ছবির অ্যালবাম বানানোর সময় একটা একটা করে ছবি ছোট করা বিরক্তিকর। টুলে একসঙ্গে ২০টি পর্যন্ত ছবি বেছে নেওয়া যায়, একই সেটিংয়ে সবগুলো প্রসেস হয়, আর প্রতিটির পাশে আলাদা ডাউনলোড বোতাম আসে। প্রতিটি ফাইল ৩০ MB-র মধ্যে হতে হবে। ছবি নয় এমন ফাইল বা বেশি হয়ে যাওয়া ফাইল বাদ যায়, আর কতটি বাদ গেল টুল জানিয়ে দেয়।

ডাউনলোড করা ফাইলের নাম হয় আসল নামের পরে -compressed, যেমন dokaner-pic-compressed.jpg। চাইলে আপলোডের আগে নামটা বুঝে রাখার মতো ছোট ইংরেজি নামে বদলে নিন, যেমন red-saree-front.jpg। ছবির নামে বর্ণনা থাকলে পরে নিজের মিডিয়া তালিকায় খুঁজে পাওয়া সহজ হয়।

পাতা ধীর কি না, কীভাবে বুঝবেন

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

একই ছবি বারবার নয়

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

পণ্যের ছবিতে একই মাপ

দোকানের পাতায় পণ্যের ছবি সারি করে সাজালে মাপ মেলানো থাকলে দেখতে পরিপাটি লাগে। টুলের “ঠিক মাপ” ঘরে একই প্রস্থ ও উচ্চতা বসিয়ে সব ছবি সমান মাপে নামাতে পারেন, যেমন ৮০০ × ৮০০। মনে রাখবেন, ঠিক মাপ দিলে ছবি মাঝখান থেকে কেটে বসে। তাই ছবি তোলার সময়ই পণ্যটা ফ্রেমের মাঝখানে রাখুন, নইলে কিনারার অংশ কাটা পড়বে। এই কাটাকাটির ব্যাপারটা বিস্তারিত বলা আছে ফর্মের ছবির লেখায়।

ছোট ব্যবসার জন্য একটি অভ্যাস

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

আপলোডের আগে চার ধাপ

1. মূল ছবি আলাদা রাখুন। ফোনের বা কম্পিউটারের একটা ফোল্ডারে আসল ছবিগুলো রেখে দিন। পরে আবার অন্য মাপে দরকার হতে পারে, আর ছোট করা ছবি থেকে বড় ছবি ফেরানো যায় না।
2. টুলে কমান। ছবিগুলো বেছে নিন, প্রস্থ আর কোয়ালিটি ঠিক করুন, ফল লাইনে আগে-পরের সাইজ দেখে নিন।
3. নাম আর বর্ণনা লিখুন। ফাইলের নাম সরল রাখুন। আপলোডের সময় ছবির বিকল্প লেখা (alt) দিন, যাতে ছবি না খুললে বা পর্দা-পাঠক ব্যবহারে ছবিটা কী তা বোঝা যায়।
4. আপলোড করে পাতা দেখুন। ফোনে আর কম্পিউটারে দুইটাতেই খুলে ছবি স্পষ্ট আছে কি না দেখুন।

WebP বেছে নেবেন কি?

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

ইমেইল বা হোয়াটসঅ্যাপে ছবি পাঠাতে

একই নিয়ম এখানেও খাটে। বড় ছবি পাঠালে সময় লাগে, ডেটা খরচ হয়, আর কিছু সেবায় সংযুক্তির সীমাও থাকে। প্রতিটি সেবার সীমা আলাদা, তাই আপনার সেবার নিয়ম আপনার নিজের দেখে নেওয়াই ভালো। পাঠানোর আগে ছবির প্রস্থ ১২০০ বা ১৬০০-এর কাছাকাছি নামিয়ে নিলে সাধারণত গ্রহীতার পর্দায় কোনো ক্ষতি হয় না, অথচ ফাইল অনেক ছোট হয়।

সীমাবদ্ধতা ও হালনাগাদ: এই লেখার ওজনের হিসাব কাল্পনিক উদাহরণ, নির্দিষ্ট কোনো ছবির ফল নয়। ১৬০০ পিক্সেল আর ৭৫% কোয়ালিটি টুলের গোড়ার মান, সব সাইটের জন্য সেরা মান নয়। টুল ছবি আপনার ডিভাইসেই প্রসেস করে, সার্ভারে পাঠায় না। হালনাগাদ: ২৫ অক্টোবর ২০২৬।

সাধারণ প্রশ্ন

ওয়েবসাইটের ছবির জন্য কোয়ালিটি কত রাখব?

টুলের পরামর্শ অনুযায়ী ৭০ থেকে ৮০% সাধারণত যথেষ্ট। গোড়ায় ৭৫% বসানো থাকে।

ছবির প্রস্থ কত রাখা ভালো?

পাতায় ছবি যে মাপে দেখাবে তার কাছাকাছি, চাইলে দ্বিগুণ পর্যন্ত। টুলের গোড়ার মান ১৬০০ পিক্সেল, আপনার নকশা অনুযায়ী কমাতে পারেন।

একসঙ্গে কয়টি ছবি কমানো যায়?

২০টি পর্যন্ত, প্রতিটি ৩০ MB-র মধ্যে। বেশি হলে বাকিগুলো বাদ পড়ে, আর টুল জানিয়ে দেয়।

ছোট ছবি কি টুলে বড় হয়ে যায়?

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

আসল ছবি কি বদলে যায়?

না। টুল নতুন একটা ফাইল তৈরি করে, নামের শেষে -compressed থাকে। আসল ফাইল অক্ষত থাকে।