ছবির ফরম্যাট বুঝিয়ে বলা: JPG, PNG, WebP, AVIF, GIF, BMP ও ICO
ফটো, লোগো, স্ক্রিনশট, ওয়েব পেজ, প্রিন্ট ও সোশ্যাল মিডিয়ার জন্য কোন ফরম্যাট ব্যবহার করবেন এবং কেন।
প্রতিটি ছবির ফরম্যাট আসলে ফাইলের আকার, মান, স্বচ্ছতা, অ্যানিমেশন ও সামঞ্জস্যের মধ্যে কিছু আপসের সমষ্টি। ভুলটি বেছে নিলে হয় ফাইল অকারণে ভারী হবে, নয়তো লোগো ঝাপসা দেখাবে। এই গাইডে প্রতিটি ফরম্যাট কোন কাজে ভালো তা বলা হয়েছে, সিদ্ধান্ত নিতে যে সংখ্যাগুলো দরকার সেগুলোসহ।
দুই ধরনের কম্প্রেশন
লসলেস কম্প্রেশন প্রতিটি পিক্সেল হুবহু রেখে দেয় এবং একই ডেটা লেখার আরও দক্ষ উপায় খুঁজে নেয়, ঠিক যেমন ZIP করে। একটি লসলেস ছবি হাজারবার খুলে সেভ করলেও তা একটুও বদলায় না। PNG, BMP, GIF ও লসলেস WebP এভাবেই কাজ করে।
লসি কম্প্রেশন কিছু তথ্য ফেলে দেয়, বিশেষ করে সেই খুঁটিনাটি যা মানুষের চোখ সবচেয়ে কম খেয়াল করে: সূক্ষ্ম টেক্সচার, রঙের হালকা পার্থক্য, উচ্চ ফ্রিকোয়েন্সির নয়েজ। ফলাফল লসলেস ফাইলের দশ ভাগের এক ভাগ আকারের হতে পারে, চোখে কোনো পার্থক্য ছাড়াই, কিন্তু প্রতিবার নতুন করে সেভ করলে আরও একটু মান হারায়। JPG, লসি WebP ও AVIF এভাবেই কাজ করে।
এখান থেকেই প্রথম নিয়মটি আসে: ফটোগ্রাফের জন্য লসি ফরম্যাট ব্যবহার করুন, কারণ সেগুলো এমন নয়েজ ও টেক্সচারে ভরা যা কেউ মিস করে না, আর ধারালো কিনারা, সমতল রঙ ও লেখাসহ গ্রাফিক্সের জন্য লসলেস ফরম্যাট ব্যবহার করুন, যেখানে প্রতিটি পিক্সেল গুরুত্বপূর্ণ।
একে একে প্রতিটি ফরম্যাট
JPG (JPEG)
1992 সাল থেকে ফটোর ফরম্যাট। লসি, 8-বিট রঙ, স্বচ্ছতা নেই, অ্যানিমেশন নেই। এ পর্যন্ত তৈরি প্রায় সবকিছুতেই সমর্থিত। 0 থেকে 100 পর্যন্ত একটি কোয়ালিটি সেটিং আপসটি নিয়ন্ত্রণ করে; প্রতিদিনের কাজের জন্য 80 থেকে 85 সবচেয়ে ভালো। এর দুর্বলতা হলো কম কোয়ালিটিতে চোখে পড়ার মতো "ব্লক", ধারালো কিনারার চারপাশে ঢেউয়ের মতো দাগ, আর স্বচ্ছতার অভাব। ব্রাউজারের বাইরে যেকোনো জায়গায় যাওয়া ফটোর জন্য এটি ব্যবহার করুন: ইমেইল, প্রিন্ট, অনলাইন মার্কেটপ্লেস, পুরোনো সফটওয়্যার।
PNG
লসলেস, 16-বিট পর্যন্ত রঙ, পূর্ণ আলফা স্বচ্ছতা, অ্যানিমেশন নেই (APNG আছে কিন্তু বিরল)। লোগো, আইকন, স্ক্রিনশট, ডায়াগ্রাম, চার্ট এবং স্বচ্ছ ব্যাকগ্রাউন্ড দরকার এমন যেকোনো ছবির জন্য এটিই সঠিক পছন্দ। এর দুর্বলতা আকার: PNG হিসেবে একটি ফটোগ্রাফ JPG-এর চেয়ে দশ গুণ বড় হতে পারে। ওয়েবসাইটে ফটোগ্রাফের জন্য কখনো PNG ব্যবহার করবেন না।
WebP
Google-এর ওয়েব ফরম্যাট, এখন প্রতিটি বর্তমান ব্রাউজারে সমর্থিত। এতে লসি ও লসলেস দুটি মোডই আছে, দুটিতেই স্বচ্ছতা সমর্থন করে, আর অ্যানিমেশনও সমর্থন করে। একই মানে লসি WebP সাধারণত JPG-এর চেয়ে প্রায় 25 থেকে 35% ছোট; লসলেস WebP সাধারণত PNG-এর চেয়ে প্রায় 25% ছোট। ব্রাউজারে দেখানো যেকোনো কিছুর জন্য এটিই সবচেয়ে ভালো সর্বজনীন ফরম্যাট। এর দুর্বলতা ব্রাউজারের বাইরে সামঞ্জস্য: পুরোনো ডেস্কটপ সফটওয়্যার, কিছু ইমেইল অ্যাপ এবং অনেক আপলোড ফর্ম এখনো এটি গ্রহণ করে না।
AVIF
আরও নতুন, AV1 ভিডিও কোডেকের ওপর ভিত্তি করে তৈরি। একই মানে সাধারণত JPG-এর চেয়ে 50% এবং WebP-এর চেয়ে 20% ছোট, সঙ্গে স্বচ্ছতা, অ্যানিমেশন ও প্রশস্ত রঙের সমর্থন। 2024 সাল থেকে সব বর্তমান ব্রাউজারে সমর্থিত। এনকোডিং ধীর, বিশেষ করে ব্রাউজারের ভেতরে, আর ব্রাউজার ছাড়া অন্য সফটওয়্যারে সমর্থন এখনো অসম্পূর্ণ। যখন ফাইলের আকার খুবই গুরুত্বপূর্ণ এবং দেখানোর পরিবেশ আপনার নিয়ন্ত্রণে, তখন এটি ব্যবহার করুন; পাশাপাশি বিকল্প হিসেবে WebP বা JPG রাখুন।
GIF
1987 সালের। প্রতি ফ্রেমে 256টি রঙের সীমা, এক রঙের স্বচ্ছতা, আর অ্যানিমেশন, যেটিই একমাত্র কারণ যে এটি এখনো সর্বত্র দেখা যায়। ফটোগ্রাফের জন্য খুবই খারাপ, সাধারণ গ্রাফিক্সের জন্য চলে, সামঞ্জস্যের দিক থেকে অপরাজেয়। স্থির ছবির জন্য PNG সেই সবকিছুই করে যা GIF করে, আরও ভালোভাবে; অ্যানিমেশনের জন্য MP4 বা অ্যানিমেটেড WebP অনেক ছোট।
BMP
কম্প্রেস না করা Windows বিটম্যাপ। বিশাল ফাইল, সাধারণ ব্যবহারে স্বচ্ছতা নেই, কোনো কম্প্রেশন নেই। এটি টিকে আছে শুধু এজন্য যে এটি পড়া অত্যন্ত সহজ, যা এমবেডেড ডিভাইস ও পুরোনো সফটওয়্যারের জন্য গুরুত্বপূর্ণ। ওয়েব বা সংরক্ষণের জন্য এটি কখনো ব্যবহার করবেন না।
ICO
Windows আইকন ও ব্রাউজার ফেভিকনের ফরম্যাট। একই ছবির কয়েকটি আকার একটি ফাইলের ভেতরে থাকে, যাতে ট্যাব, বুকমার্ক বা ডেস্কটপ শর্টকাটের জন্য সঠিকটি বেছে নেওয়া যায়। PNG থেকে ICO টুল দিয়ে একটি PNG থেকে তৈরি করা হয়।
তুলনামূলক টেবিল
| ফরম্যাট | কম্প্রেশন | স্বচ্ছতা | অ্যানিমেশন | JPG-এর তুলনায় ফটোর আকার | সামঞ্জস্য |
|---|---|---|---|---|---|
| JPG | লসি | না | না | 1 গুণ | সর্বত্র |
| PNG | লসলেস | হ্যাঁ, পূর্ণ আলফা | না | 5 থেকে 10 গুণ | সর্বত্র |
| WebP | দুটোই | হ্যাঁ, পূর্ণ আলফা | হ্যাঁ | 0.65 থেকে 0.75 গুণ | সব ব্রাউজার, বেশিরভাগ আধুনিক অ্যাপ |
| AVIF | দুটোই | হ্যাঁ, পূর্ণ আলফা | হ্যাঁ | 0.5 গুণ | সব বর্তমান ব্রাউজার, অল্প কিছু অ্যাপ |
| GIF | লসলেস, 256টি রঙ | হ্যাঁ, চালু/বন্ধ | হ্যাঁ | 2 থেকে 4 গুণ (এবং মান আরও খারাপ) | সর্বত্র |
| BMP | নেই | না | না | 20 থেকে 30 গুণ | সর্বত্র, তবে কমই ব্যবহৃত হয় |
কোন কাজের জন্য কোন ফরম্যাট
- ওয়েবসাইটে ফটো: 75 থেকে 85 কোয়ালিটিতে WebP, আর খুব পুরোনো ব্রাউজার সমর্থন করতেই হলে বিকল্প হিসেবে JPG। সবচেয়ে ছোট পেজ চাইলে AVIF।
- ওয়েবসাইটে লোগো ও আইকন: থাকলে SVG; না থাকলে PNG বা লসলেস WebP।
- স্ক্রিনশট: PNG। লসি কম্প্রেশন লেখা ঝাপসা করে দেয়।
- ইমেইল অ্যাটাচমেন্ট: ফটোর জন্য JPG, গ্রাফিক্সের জন্য PNG। WebP পাঠাবেন না; অনেক ইমেইল অ্যাপ এটি ঠিকমতো সামলাতে পারে না।
- প্রিন্ট: 95 কোয়ালিটিতে JPG বা PNG/TIFF, প্রিন্টের আকারের প্রতি ইঞ্চিতে 300 পিক্সেলে।
- সোশ্যাল মিডিয়া: JPG বা PNG; প্রতিটি প্ল্যাটফর্ম আপলোডের সময় এমনিতেই আবার কম্প্রেস করে, তাই উচ্চ মানে ও সঠিক মাপে আপলোড করুন।
- স্বচ্ছ ব্যাকগ্রাউন্ডসহ কাটা পণ্যের ছবি: সর্বোচ্চ সামঞ্জস্যের জন্য PNG, ওয়েবের জন্য WebP।
- ফেভিকন: ICO, সঙ্গে মোবাইলের হোম স্ক্রিনের জন্য একটি PNG।
এক ফরম্যাট থেকে আরেকটিতে রূপান্তর
এই সাইটের প্রতিটি রূপান্তর আপনার ব্রাউজারের ভেতরেই হয়। সবচেয়ে প্রচলিত পথগুলো হলো ওয়েবের জন্য PNG থেকে WebP ও JPG থেকে WebP, সামঞ্জস্যের জন্য WebP থেকে JPG ও WebP থেকে PNG, আর ভুল ফরম্যাটে সেভ হওয়া ফটো ছোট করতে PNG থেকে JPG। ছবি কম্প্রেসর এগুলোর যেকোনোটি একসঙ্গে অনেক ফাইলে সামলাতে পারে।