দ্রুততর ওয়েবসাইটের জন্য কীভাবে ছবি অপ্টিমাইজ করবেন

ছবিগুলো সাধারণত যেকোনো ওয়েব পেজে সবচেয়ে বড় ফাইল। অপ্টিমাইজ না করা ছবি ওয়েবসাইট ধীর হওয়ার এক নম্বর কারণ, যা সরাসরি ব্যবহারকারীর অভিজ্ঞতা, রূপান্তর হার ও Google সার্চ র‌্যাংকিংকে ক্ষতিগ্রস্ত করে। Google Core Web Vitals-কে র‌্যাংকিং সংকেত হিসেবে ব্যবহার করে এবং পেজের গতি একটি মূল উপাদান। ওয়েবসাইট দ্রুত করার দ্রুততম উপায় হল এর ছবি অপ্টিমাইজ করা।

কেন ছবি অপ্টিমাইজেশন SEO-র জন্য গুরুত্বপূর্ণ

Google স্পষ্টভাবে বলেছে: পেজের গতি র‌্যাংকিংকে প্রভাবিত করে। তাদের Largest Contentful Paint (LCP) মেট্রিক বিশেষভাবে পরিমাপ করে সবচেয়ে বড় দৃশ্যমান উপাদান কত দ্রুত লোড হয়, যা প্রায় সবসময়ই একটি ছবি। আপনার LCP ২.৫ সেকেন্ডের বেশি হলে, আপনি দ্রুততর সাইটের প্রতিযোগীদের কাছে র‌্যাংকিং হারাচ্ছেন। ই-কমার্সের জন্য, Amazon দেখেছে প্রতি ১০০ms অতিরিক্ত লোড সময়ে ১% বিক্রয় ক্ষতি হয়।

ইমেজ অপ্টিমাইজেশনের চারটি স্তম্ভ

১. সঠিক ফরম্যাট বেছে নিন

ফরম্যাট নির্বাচন ইমেজ ফাইল সাইজের সবচেয়ে বড় নির্ধারক:

• WebP ওয়েব ছবির জন্য আপনার ডিফল্ট হওয়া উচিত। এটি একই গুণমানে JPEG-এর চেয়ে ২৫-৩৫% ছোট এবং স্বচ্ছতা সমর্থন করে। ব্যাচ রূপান্তরের জন্য fileGOD-এর JPG থেকে WebP কনভার্টার বা PNG থেকে WebP কনভার্টার ব্যবহার করুন।
• JPEG ফটোগ্রাফের জন্য যেখানে WebP সমর্থিত নয়।
• PNG শুধু তখন যখন স্বচ্ছতা দরকার এবং WebP ব্যবহার করা যাচ্ছে না।
• SVG লোগো, আইকন ও সহজ গ্রাফিক্সের জন্য। SVG ক্ষুদ্র এবং অসীমভাবে স্কেলযোগ্য।

২. আপলোডের আগে কম্প্রেস করুন

প্রতিটি ছবি ওয়েবসাইটে যাওয়ার আগে কম্প্রেস করা উচিত। আধুনিক কম্প্রেশন দৃশ্যমান গুণমান হ্রাস ছাড়াই ফাইল সাইজ ৬০-৮০% কমাতে পারে।

• ফটোগ্রাফের জন্য কোয়ালিটি ৭৫-৮৫-এ JPEG কম্প্রেশন ব্যবহার করুন।
• গ্রাফিক্স ও স্ক্রিনশটের জন্য PNG কম্প্রেশন ব্যবহার করুন।
• হিরো ছবি ও বড় ব্যানারের জন্য সাশ্রয় সবচেয়ে নাটকীয়। ৫ MB হিরো ছবি ২০০ KB-তে কম্প্রেস করলে লোড সময়ে বিশাল পার্থক্য হয়।

৩. প্রকৃত ডিসপ্লে মাত্রায় রিসাইজ করুন

এটি সবচেয়ে উপেক্ষিত অপ্টিমাইজেশন। আপনার ওয়েবসাইট যদি একটি ছবি ৮০০ px প্রশস্তে দেখায়, ৪০০০ px সোর্স ছবি আপলোড করে ব্রাউজারকে ডাউনস্কেল করতে দেবেন না। ব্রাউজার এখনো পুরো ফাইল ডাউনলোড করে। আপলোডের আগে ছবিগুলো প্রকৃত ডিসপ্লে মাত্রায় রিসাইজ করুন।

রেসপন্সিভ সাইটের জন্য, ২-৩টি সাইজ প্রস্তুত করুন (মোবাইলের জন্য ছোট, ট্যাবলেটের জন্য মাঝারি, ডেস্কটপের জন্য বড়) এবং ব্রাউজারকে srcset অ্যাট্রিবিউট দিয়ে সঠিকটি বেছে নিতে দিন।

৪. অপ্রয়োজনীয় মেটাডেটা সরিয়ে ফেলুন

EXIF ডেটা (ক্যামেরা মডেল, GPS স্থানাঙ্ক, টাইমস্ট্যাম্প) প্রতি ছবিতে ১০-৫০ KB যোগ করে। ওয়েবসাইটে এর কোনো কাজ নেই এবং GPS ডেটা অন্তর্ভুক্ত থাকলে গোপনীয়তার ঝুঁকি। আপলোডের আগে সমস্ত ওয়েব ছবি থেকে মেটাডেটা স্ট্রিপ করুন।

দ্রুত অপ্টিমাইজেশন চেকলিস্ট

• ফটোগ্রাফ WebP-তে রূপান্তর করুন (বা WebP বিকল্প না থাকলে JPEG)
• প্রকৃত ডিসপ্লে মাত্রায় রিসাইজ করুন, বড় নয়
• ছবির জন্য কোয়ালিটি ৭৫-৮৫-এ কম্প্রেস করুন
• EXIF মেটাডেটা স্ট্রিপ করুন
• বর্ণনামূলক ফাইলের নাম ও alt টেক্সট ব্যবহার করুন (ছবি সার্চ SEO-তে সাহায্য করে)
• ফোল্ডের নিচের ছবির জন্য লেজি লোডিং প্রয়োগ করুন

উপরে উল্লিখিত সমস্ত ফাইল অপারেশন fileGOD দিয়ে আপনার ব্রাউজারে করা যায়। তৃতীয় পক্ষের সার্ভারে কোনো আপলোড নেই, কোনো সাবস্ক্রিপশন নেই এবং একসাথে একাধিক ছবি ব্যাচ প্রক্রিয়া করা যায়।