ছবি কম্প্রেস করে ওয়েবসাইট স্পিড বাড়ান

ওয়েব ডেভ 📅 ২ নভেম্বর ২০২৬ ⏱️ পড়ার সময়: ৫ মিনিট

কোনো ওয়েবসাইট ধীর হলে সবার আগে সন্দেহ করুন ছবিকে। একটি সাধারণ ক্যামেরার ছবি সহজেই ৪–৮ MB হয় — অথচ একটি পেজ দ্রুত লোড হতে মোট ওজন এক MB-র আশেপাশে থাকা ভালো। মোবাইল ডেটায় ৫ মেগাবাইটের ছবি লোড না হতেই দর্শক ব্যাক বাটন চেপে দেয়। সুখবর: সঠিক কম্প্রেসে একই ছবি ৯০% পর্যন্ত ছোট হয়, দেখতে কার্যত কোনো পার্থক্য ছাড়াই।

ফরম্যাট বাছাই: JPEG বনাম WebP বনাম PNG

ফরম্যাটসবচেয়ে ভালোসাইজট্রান্সপারেন্সি
JPEGছবি, প্রোডাক্ট ফটোছোটনেই
WebPআধুনিক ওয়েবের জন্য সবকিছুসবচেয়ে ছোটআছে
PNGলোগো, স্ক্রিনশট, টেক্সটসহ গ্রাফিকবড়আছে

সহজ নিয়ম: ছবি/ফটো → WebP (সাপোর্ট না থাকলে JPEG); লোগো বা ট্রান্সপারেন্ট গ্রাফিক → PNG। আমাদের ইমেজ কম্প্রেসরে "স্বয়ংক্রিয়" অপশন এই কাজটাই করে দেয় — ট্রান্সপারেন্সি থাকলে WebP, না থাকলে JPEG।

রিসাইজ আগে, কম্প্রেস পরে

ব্লগে ছবি কখনো কখনো দরকার হয় ৮০০px চওড়া, অথচ আপনি আপলোড করছেন ৪০০০px — অর্থাৎ ২৫ গুণ বেশি পিক্সেল কারো দেখার নেই। তাই নিয়ম:

  1. সর্বোচ্চ প্রস্থ ঠিক করুন: ব্লগ কনটেন্টে ৮০০–১২৮০px, ফুল-স্ক্রিন হিরো ইমেজে ১৯২০px, থাম্বনেইলে ৪০০px যথেষ্ট।
  2. রিসাইজ করুন (আমাদের টুলের "সর্বোচ্চ প্রস্থ" ড্রপডাউন এটাই করে)।
  3. তারপর কোয়ালিটি ৭০–৮০% দিয়ে কম্প্রেস করুন।

২ মিনিটে আমাদের টুলে করবেন যেভাবে

  1. ইমেজ কম্প্রেসর খুলুন — ছবি ড্র্যাগ করে ছাড়ুন (একাধিক একসাথে চলবে)।
  2. কোয়ালিটি ৭৫% রাখুন; সাইজ আরও কম চাইলে ৬০% পর্যন্ত নামান।
  3. "সর্বোচ্চ প্রস্থ" — ওয়েব ছবির জন্য ১২৮০px বাছুন।
  4. ফরম্যাট স্বয়ংক্রিয় রাখুন, "কম্প্রেস শুরু করুন" চাপুন।
  5. আগে-পরের সাইজ দেখে তারপর ডাউনলোড করুন — অনেকগুলো হলে ZIP এ একসাথে নামবে।

এবং সবচেয়ে বড় কথা — ছবি আপনার ব্রাউজারেই প্রসেস হয়, কোথাও আপলোড হয় না। ক্লায়েন্টের গোপন ছবিও নিরাপদ।

টার্গেট সাইজ কত রাখবেন?

  • ব্লগ/কনটেন্ট ছবি: ১০০–২০০ KB
  • হিরো/কভার ছবি: ২০০–৪০০ KB
  • থাম্বনেইল: ৩০–৮০ KB
  • পুরো পেজের মোট ওজন: যথাসম্ভব ১–১.৫ MB-র নিচে

বোনাস টিপস

  • lazy loading: <img loading="lazy"> ট্যাগ দিলে স্ক্রল করা পর্যন্ত নিচের ছবি লোড হয় না — প্রথম লোড দ্রুত হয়।
  • ফাইলের নাম: IMG_2024.jpg নয়, bmi-calculator-guide.webp — গুগল ইমেজ সার্চে সুবিধা মেলে।
  • alt টেক্সট: ছবিতে alt="কী আছে ছবিতে" দিন — স্ক্রিন রিডার ও SEO দুটোর জন্যই জরুরি।
  • প্রতিবার টেস্ট: PageSpeed Insights-এ সাইট দিয়ে দেখুন ছবির কারণে কত সময় যাচ্ছে।

এই একটি অভ্যাস — আপলোডের আগে ছবি কম্প্রেস — আপনার সাইটের স্পিড, ডেটা খরচ ও র‍্যাংকিং তিনটাই উন্নত করবে। এখনই টুলটি খুলে আপনার সাইটের ভারী ছবিগুলো ছোট করে ফেলুন।

🖼️ ছবি ছোট করার জন্য প্রস্তুত?

কোনো সাইন-আপ নেই, ফাইল আপলোড হয় না — ব্রাউজারেই কম্প্রেস হয়।

ইমেজ কম্প্রেসর খুলুন
← আগের পোস্টফ্রি ওয়েবসাইট বানানোর গাইড