দৃশ্যমান গুণমান না হারিয়ে কীভাবে ছবির আকার কমাবেন

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

ভালো খবর হলো আপনি নাটকীয়ভাবে ছবির ফাইল সাইজ কমাতে পারেন, প্রায়ই ৭০% বা তার বেশি, গুণমানে কোনো দৃশ্যমান পার্থক্য ছাড়াই। মূল চাবিকাঠি হলো ছবি প্রথম স্থানে কেন বড় হয় তা বোঝা।

রেজোলিউশন বনাম ফাইল সাইজ: মূল পার্থক্য

অনেকে ছবির রেজোলিউশন এবং ফাইল সাইজ গুলিয়ে ফেলেন। এগুলো সম্পর্কিত কিন্তু আলাদা জিনিস।

রেজোলিউশন হলো ছবিতে পিক্সেলের সংখ্যা, প্রস্থ x উচ্চতায় পরিমাপ করা হয়। একটি 4000 x 3000 পিক্সেল ছবিতে ১২ মিলিয়ন পিক্সেল (১২ মেগাপিক্সেল) আছে। রেজোলিউশন নির্ধারণ করে ছবি কতটা বড় আকারে প্রদর্শন করলে তীক্ষ্ণ দেখায়।

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

এই পার্থক্য কেন গুরুত্বপূর্ণ: ওয়েবসাইটে 800 x 600-তে প্রদর্শিত একটি 4000 x 3000 ছবি ৯০%-এর বেশি পিক্সেল নষ্ট করছে। ব্রাউজারকে সমস্ত ১২ মিলিয়ন পিক্সেল ডাউনলোড করতে হয়, তারপর ছোট আকারে প্রদর্শনের জন্য বেশিরভাগ ফেলে দিতে হয়। আপলোড করার আগে প্রকৃত প্রদর্শন মাত্রায় ছবি রিসাইজ করলে ফাইল সাইজ ৮০% বা তার বেশি কমে যেতে পারে, শূন্য দৃশ্যমান পার্থক্যসহ।

ইমেজ ফরম্যাট বোঝা

আপনি যে ফরম্যাট বেছে নেন তা ফাইল সাইজে বিশাল প্রভাব ফেলে।

JPG (JPEG)

ফটোগ্রাফির জন্য সর্বজনীন মান। JPG লসি কম্প্রেশন ব্যবহার করে, অর্থাৎ মানুষের চোখ যা লক্ষ্য করার সম্ভাবনা কম এমন কিছু ইমেজ ডেটা বাদ দেয়। ৮০-৮৫% গুণমানে, JPG ছবি মূলের সাথে অভিন্ন দেখায় কিন্তু আকারে ক্ষুদ্র ভগ্নাংশ।

সেরা: ফটো, গ্রেডিয়েন্টযুক্ত ছবি, বাস্তবসম্মত ছবি।

PNG

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

সেরা: লোগো, স্ক্রিনশট, টেক্সটযুক্ত গ্রাফিক্স, স্বচ্ছতা প্রয়োজন এমন ছবি।

WebP

Google-এর তৈরি, WebP লসি এবং লসলেস দুই ধরনের কম্প্রেশন দেয়। সমতুল্য গুণমানে JPG-এর চেয়ে ২৫-৩৫% ছোট ফাইল তৈরি করে এবং স্বচ্ছতা সমর্থন করে (JPG পারে না)। সমস্ত আধুনিক ব্রাউজার WebP সমর্থন করে।

সেরা: যেকোনো ধরনের ওয়েব ইমেজ। আজ উপলব্ধ সেরা সাধারণ-উদ্দেশ্য ওয়েব ফরম্যাট।

ইমেজ কম্প্রেশন কীভাবে কাজ করে

সমস্ত ইমেজ কম্প্রেশন একই মৌলিক নীতি ব্যবহার করে: মানুষের চোখ ক্যামেরা যা ক্যাপচার করে তার প্রতিটি বিবরণ উপলব্ধি করতে পারে না। কম্প্রেশন অ্যালগরিদম সেই তথ্য শনাক্ত ও সরিয়ে দেয় যা আপনি কখনো লক্ষ্য করবেন না যে অনুপস্থিত।

বিশেষভাবে, লসি কম্প্রেশন এর সুবিধা নেয়:

• রঙ সংবেদনশীলতা। মানুষের চোখ রঙ পরিবর্তনের চেয়ে উজ্জ্বলতার পরিবর্তনে বেশি সংবেদনশীল। কম্প্রেশন রঙের নির্ভুলতা বেশি আক্রমণাত্মকভাবে কমায়।
• উচ্চ-ফ্রিকোয়েন্সি বিবরণ। সূক্ষ্ম টেক্সচার এবং সূক্ষ্ম গ্রেডিয়েন্ট লক্ষণীয় প্রভাব ছাড়াই সরলীকৃত করা যায়।
• অতিরিক্ততা। অনুরূপ রঙের এলাকা (নীল আকাশ, সাদা দেয়াল) আরও দক্ষতার সাথে উপস্থাপন করা যায়।

কৌশলটি হলো সঠিক কম্প্রেশন লেভেল খুঁজে পাওয়া। খুব কম কম্প্রেশন ব্যান্ডউইথ নষ্ট করে। খুব বেশি কম্প্রেশন দৃশ্যমান আর্টিফ্যাক্ট তৈরি করে: ঝাপসা, ব্যান্ডিং এবং ব্লকি এলাকা।

বিভিন্ন ব্যবহারের জন্য ব্যবহারিক নিয়ম

ওয়েবসাইটের জন্য

• সর্বোচ্চ প্রস্থ: পূর্ণ-প্রস্থ হিরো ইমেজের জন্য 1920 পিক্সেল, কন্টেন্ট ইমেজের জন্য 800-1200 পিক্সেল
• ফরম্যাট: JPG ফলব্যাকসহ WebP
• গুণমান: ৭৫-৮৫%
• লক্ষ্য আকার: প্রতি ছবি 200 KB-এর নিচে, থাম্বনেইলের জন্য 100 KB-এর নিচে

ইমেইল সংযুক্তির জন্য

• সর্বোচ্চ প্রস্থ: 1200-1600 পিক্সেল
• ফরম্যাট: JPG (সর্বজনীন সামঞ্জস্য)
• গুণমান: ৮০-৮৫%
• লক্ষ্য আকার: প্রতি ছবি 500 KB-এর নিচে, মোট সংযুক্তি 10 MB-এর নিচে

সোশ্যাল মিডিয়ার জন্য

প্রতিটি প্ল্যাটফর্মের নিজস্ব সর্বোত্তম মাত্রা আছে, কিন্তু সাধারণ নিয়ম হিসেবে:

• Instagram: 1080 x 1080 (বর্গ), 1080 x 1350 (পোর্ট্রেট)
• Facebook: লিংক প্রিভিউর জন্য 1200 x 630
• LinkedIn: 1200 x 627
• ফরম্যাট: JPG বা PNG
• গুণমান: ৮৫-৯০% (প্ল্যাটফর্ম আপনার ছবি আবার কম্প্রেস করে, তাই একটু উচ্চ গুণমানে শুরু করা বুদ্ধিমানের কাজ)

মানুষ সবচেয়ে বড় যেসব ভুল করে

১. ক্যামেরা-অরিজিনাল ফাইল আপলোড করা

আধুনিক স্মার্টফোন থেকে একটি কাঁচা ফটো 3-8 MB। DSLR র ফাইল 25-50 MB হতে পারে। সরাসরি ওয়েবসাইটে আপলোড করা ধীর লোডিং পৃষ্ঠার একক সবচেয়ে সাধারণ কারণ।

২. ফটোর জন্য PNG ব্যবহার করা

PNG ফটোগ্রাফির জন্য ভুল ফরম্যাট। PNG হিসেবে সংরক্ষিত ফটো ৮৫% গুণমানে JPG হিসেবে সংরক্ষিত একই ফটোর চেয়ে ৫-১০ গুণ বড় হতে পারে, দৃশ্যমান পার্থক্য ছাড়াই।

৩. কম্প্রেস করার আগে রিসাইজ না করা

4000-পিক্সেল প্রশস্ত ছবি 200 KB-তে কম্প্রেস করা, প্রথমে 1200 পিক্সেল প্রশস্ত করে তারপর কম্প্রেস করার চেয়ে অনেক কম কার্যকর। প্রথমে রিসাইজ, তারপর কম্প্রেস।

৪. একাধিকবার কম্প্রেস করা

প্রতিবার JPG খুলে, এডিট করে এবং আবার সেভ করলে, এটি পুনরায় কম্প্রেস হয়। কয়েকটি এডিট-সেভ চক্রে গুণমান লক্ষণীয়ভাবে অবনতি হয়। সর্বদা মূল থেকে কাজ করুন এবং শুধু চূড়ান্ত সংস্করণ কম্প্রেস করুন।

ইমেজ অপ্টিমাইজেশনের প্রভাব

ছবি অপ্টিমাইজ করা শুধু সুবিধার বিষয় নয়। ওয়েবসাইটের জন্য, এটি সরাসরি প্রভাবিত করে:

• পৃষ্ঠা লোড গতি। দ্রুত পৃষ্ঠা Google সার্চ ফলাফলে উচ্চতর র‍্যাংক করে।
• ব্যবহারকারী অভিজ্ঞতা। ৫৩% মোবাইল ব্যবহারকারী ৩ সেকেন্ডের বেশি সময় লাগলে পৃষ্ঠা ত্যাগ করে।
• ব্যান্ডউইথ খরচ। উচ্চ-ট্রাফিক সাইটের জন্য, ইমেজ অপ্টিমাইজেশন উল্লেখযোগ্য হোস্টিং খরচ বাঁচাতে পারে।
• অ্যাক্সেসিবিলিটি। ধীর সংযোগ বা সীমিত ডেটা প্ল্যানের ব্যবহারকারীরা ব্যাপকভাবে উপকৃত হয়।

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