HEIC থেকে WebP: iPhone ছবি ওয়েবে ব্যবহার

iPhone-এর ছবি ওয়েবসাইটে ব্যবহারের সময় HEIC থেকে সরাসরি WebP-তে কনভার্ট করুন, কারণ এই সরাসরি পথটি JPEG-র মাধ্যমে কোয়ালিটি না হারিয়ে একবারই ডিকোড এবং এনকোড করে। ফলে এটি একই ভিজ্যুয়াল কোয়ালিটিতে সমমানের JPEG-র তুলনায় সাধারণত ২৫ থেকে ৩৫ শতাংশ ছোট সাইজের হয়।

প্রতিটি লসি (lossy) রি-এনকোড ফাইলের সূক্ষ্ম ডিটেইল কিছু কমিয়ে দেয়। High Efficiency Image Container (HEIC) কে JPEG এবং তারপর সেই JPEG-কে WebP-তে কনভার্ট করলে অহেতুক ২টি জেনারেশন নষ্ট হয় যেখানে ১টিই যথেষ্ট, আর WebP ফাইল তৈরি হয়ে গেলে মাঝের JPEG ফাইলটির কোনো প্রয়োজনই থাকে না।

সরাসরি পথটি কেন বেশি ভালো

প্রতিটি লসি এনকোড স্থায়ীভাবে ছবির ডিটেইল ফেলে দেয় এবং প্রতিটি ধাপে এই ক্ষতি জমতে থাকে। একটি ২ ধাপের কনভার্সন দুইবার কম্প্রেশন ড্যামেজ প্রয়োগ করে এবং দ্বিতীয় ধাপে সেই ড্যামেজটাকেই আবার কম্প্রেস করে।

দ্বিতীয় ধাপটিই অপচয় বাড়ায়। JPEG কম্প্রেশন অবজেক্টের কিনারা জুড়ে ছোট ছোট ত্রুটি (artefact) তৈরি করে, আর WebP এনকোডার সেগুলোকে ডিটেইল ভেবে সঠিকভাবে প্রসেস করতে গিয়ে অপ্রয়োজনীয় বিট খরচ করে, কারণ এনকোডার ড্যামেজ এবং ডিটেইলের তফাৎ বুঝতে পারে না। JPEG এ এড়িয়ে চলার অর্থ হলো WebP এনকোডার মূল পিক্সেল থেকে কাজ শুরু করতে পারে এবং এর সম্পূর্ণ ক্ষমতা ছবির আসল ডিটেইল বজায় রাখতে ব্যবহার করে।

WebP আসলে কতটা ছোট

একই ভিজ্যুয়াল কোয়ালিটিতে WebP ফাইল JPEG-র তুলনায় ২৫ থেকে ৩৫ শতাংশ ছোট হয় এবং এটি মূল HEIC সাইজের কাছাকাছি থাকে। আকাশ, দেয়াল এবং ত্বকের মতো মসৃণ অংশ থাকা ছবিগুলোতে এই সাইজ কমার পরিমাণ সবচেয়ে বেশি দেখা যায়।

শেষের সারিটি এমন একটি কেস দেখায় যেখানে WebP পুরোপুরি HEIC-কে হারিয়ে দেয়। WebP-তে একটি লসলেস (lossless) মোড রয়েছে যা ফ্ল্যাট কালার এবং তীক্ষ্ণ কিনারার জন্য উপযুক্ত, আর এই কারণেই স্ক্রিনশট এবং গ্রাফিক্স অন্য যেকোনো ফটোগ্রাফিক ফরম্যাটের চেয়ে WebP-তে চমৎকারভাবে কম্প্রেস হয়।

কখন WebP এবং কখন JPG ব্যবহার করবেন

ওয়েব পেজে প্রদর্শিত যেকোনো কিছুর জন্য WebP ব্যবহার করুন, এবং কোনো ফর্মে আপলোড, ইমেইলে পাঠানো বা প্রিন্ট শপে দেওয়ার জন্য JPG ব্যবহার করুন। এই বিভাজনটি মূলত গন্তব্যস্থল কোনটি ডিকোড করতে পারে তার ওপর নির্ভর করে।

• ওয়েবসাইট এবং কনটেন্ট সিস্টেম। WebP ব্যবহার করুন, যা ডেস্কটপ এবং মোবাইলের বর্তমান প্রতিটি ব্রাউজার সমর্থন করে।
• অনলাইন শপ এবং মার্কেটপ্লেস। গ্রহণযোগ্য হলে WebP ব্যবহার করুন, কারণ পেজের সাইজ কনভার্সন রেটে প্রভাব ফেলে।
• সরকারি ও পরীক্ষার পোর্টাল। JPG ব্যবহার করুন, কারণ আপলোড ভ্যালিডেশন সিস্টেম WebP গ্রহণ করে না।
• ইমেইল নিউজলেটার। JPG ব্যবহার করুন, কারণ বিভিন্ন ইমেইল ক্লায়েন্টে WebP সমর্থন এখনও অসমান।
• প্রিন্টিং এবং ডিজাইন সফটওয়্যার। JPG অথবা মূল HEIC ব্যবহার করুন, কারণ প্রিন্ট ওয়ার্কফ্লো খুব কমই WebP গ্রহণ করে।

কীভাবে HEIC-কে WebP-তে কনভার্ট করবেন

ওয়েবসাইটের জন্য iPhone ছবির একটি ফোল্ডার কনভার্ট করতে এই ৬টি ধাপ অনুসরণ করুন।

1. কেবলের মাধ্যমে ফোন থেকে ছবিগুলো কপি করুন, অথবা iCloud থেকে ZIP আর্কাইভ হিসেবে ডাউনলোড করুন।
2. যেকোনো আধুনিক ব্রাউজারে HEIC to WebP কনভার্টারটি খুলুন।
3. সম্পূর্ণ সিলেকশন বা ZIP আর্কাইভটি ড্রপ জোনে ড্র্যাগ করুন।
4. ছবিগুলো নির্দিষ্ট উইডথে (width) প্রদর্শিত হলে কনভার্ট করার আগেই রিসাইজ করুন, কারণ একটি 800 পিক্সেলের জায়গায় 4000 পিক্সেলের ছবি ব্যবহার করা ফাইলের অপচয় মাত্র।
5. ওয়েবে ব্যবহারের জন্য কোয়ালিটি 80 এ সেট করুন, এটি এমন একটি পয়েন্ট যেখানে ফাইল ছোট হয় এবং কোয়ালিটির ক্ষতি চোখেই পড়ে না।
6. ফলাফলগুলো একটি ZIP ফাইল হিসেবে ডাউনলোড করুন এবং ওয়েবসাইটে আপলোড করুন।

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

ট্রান্সপারেন্সি এবং অ্যানিমেশন বজায় থাকা

WebP ট্রান্সপারেন্সি এবং অ্যানিমেশন সাপোর্ট করে, ফলে JPEG যে অংশগুলো ফেলে দিত তার কিছুই নষ্ট হয় না। JPEG-তে একেবারেই কোনো ট্রান্সপারেন্সি চ্যানেল নেই, যা কনভার্সনের সময় একটি স্বচ্ছ ব্যাকগ্রাউন্ডকে বাধ্য হয়ে সলিড সাদা রঙে বদলে দেয়।

সাধারণ iPhone ফটোতে কোনো ট্রান্সপারেন্সি থাকে না, তাই ক্যামেরা ইমেজের ক্ষেত্রে এটি খুব একটা গুরুত্বপূর্ণ নয়। এটি এক্সপোর্ট করা গ্রাফিক্স, লোগো এবং গোল কিনারার স্ক্রিনশটের ক্ষেত্রে গুরুত্বপূর্ণ, যেখানে JPEG কনভার্সন এমন একটি সাদা বক্স তৈরি করে যা ডিজাইনার চাননি। এই ফাইলগুলোকে WebP-র মাধ্যমে কনভার্ট করলে ট্রান্সপারেন্ট অংশগুলো অক্ষত থাকে।

ওয়েবসাইটে নিরাপদে WebP পরিবেশন করা

একটি picture এলিমেন্ট ব্যবহার করুন যেখানে প্রথমে WebP সোর্স এবং img ট্যাগে একটি JPEG ফলব্যাক (fallback) থাকবে, ফলে ব্রাউজার তার বোঝা প্রথম ফরম্যাটটি বেছে নেবে। এই নিয়মে মাত্র কয়েক লাইন কোড লাগে এবং সামঞ্জস্যতার যেকোনো ঝুঁকি দূর হয়।

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

কনভার্ট করার আগেই রিসাইজ করুন

ছবিটিকে সবচেয়ে বড় যে সাইজে প্রদর্শিত হবে সেই সাইজে কমিয়ে আনুন, তারপর কনভার্ট করুন, কারণ ডাইমেনশন কোয়ালিটি সেটিংসের চেয়ে ফাইলের আকারকে বেশি প্রভাবিত করে। একটি iPhone ছবি সাধারণত 3024 বাই 4032 পিক্সেলে আসে, এবং প্রায় কোনো ওয়েব পেজই এত বড় ছবি প্রদর্শন করে না।

একটি 800 পিক্সেল চওড়া কলামে দেখানো ছবির হাই-ডেনসিটি স্ক্রিনে শার্প দেখানোর জন্য 1600 পিক্সেল প্রয়োজন, এর বেশি কিছুই নয়। 3024 থেকে 1600 পিক্সেলে রিসাইজ করলে এনকোডার কাজ শুরু করার আগেই প্রায় ৭২ শতাংশ পিক্সেল ডেটা কমে যায়, যা সাধারণত যেকোনো কোয়ালিটি সিদ্ধান্তের চেয়ে বেশি সাইজ বাঁচায়। ছবিটি সবচেয়ে চওড়া কতটা রেন্ডার হয় তা মাপুন, সেটিকে দ্বিগুণ করুন এবং আপনার লাইব্রেরির সাইজ সেই সংখ্যায় আনুন।

২০২৬ সালে WebP-র ব্রাউজার সাপোর্ট

ডেস্কটপ এবং মোবাইলের Chrome, Firefox, Safari এবং Edge সহ বর্তমান প্রতিটি ব্রাউজার WebP সাপোর্ট করে। এই ফরম্যাটের প্রধান আপত্তি ছিল সামঞ্জস্যতা, এবং ২০২০ সালে Safari সাপোর্ট যোগ করার পর সেই যুক্তির সমাপ্তি ঘটেছে।

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

ছবি তোলার তারিখ এবং লোকেশন বজায় রাখা

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

প্রকাশ করার আগে লোকেশন ডেটা নিয়ে চিন্তা করা উচিত। কয়েক মিটারের মধ্যে রেকর্ড করা স্থানাঙ্ক ব্যক্তিগত আর্কাইভে দরকারী হলেও কোনো পাবলিক ওয়েবসাইটে বুদ্ধিমানের কাজ নয়, বিশেষ করে বাড়িতে তোলা ছবির ক্ষেত্রে। ৫০০টি ফাইলের একটি ব্যাচ প্রসেস করার আগেই সিদ্ধান্ত নিন আপনি কোনটি চান, কারণ পরে এটি পরিবর্তন করতে চাইলে আবার সবকিছু নতুন করে প্রসেস করতে হবে।

কোন কোয়ালিটি সেটিং বেছে নেবেন

ওয়েবে WebP-র জন্য কোয়ালিটি 80 সঠিক ডিফল্ট, এবং যেসব ছবি বড় করে দেখা হবে সেগুলোর জন্য কোয়ালিটি 90 উপযুক্ত। WebP একই মানের ক্ষেত্রে JPEG-র চেয়ে ডিটেইল বেশি ধরে রাখে, তাই 80 কোয়ালিটির একটি WebP ফাইল দেখতে 85 বা তার বেশি মানের JPEG-র মতোই দেখায়।

৭০-এর নিচে নামলে তা মুখমণ্ডল এবং মসৃণ কালার গ্রেডিয়েন্টে চোখে পড়তে শুরু করে, বিশেষ করে বড় হিরো ইমেজে। ৯০-এর ওপরে ফাইলটি দ্রুত বড় হয়ে যায় কিন্তু স্ক্রিনে সেই তফাৎ কেউ দেখতে পায় না। ৫০০টি ছবির ব্যাচ শুরু করার আগে ৩টি সেটিংসে একটি প্রতিনিধি ছবি পরীক্ষা করে দেখুন, কারণ সঠিক সংখ্যাটি আপনি কী ধরনের ছবি প্রকাশ করছেন তার ওপর নির্ভর করে।

একটি সম্পূর্ণ ফটো লাইব্রেরি কনভার্ট করা

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

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