ইমেজ ফরম্যাট: WebP, PNG, JPG এবং SVG এর তুলনা
ভুল ইমেজ ফরম্যাট বেছে নিলে ওয়েবসাইটের লোড টাইম ধীর হয়ে যেতে পারে বা গ্রাফিক্স অস্পষ্ট হতে পারে। কম্প্রেশন, ট্রান্সপারেন্সি এবং স্বচ্ছতার দিক থেকে আধুনিক ওয়েব ফরম্যাটগুলো কীভাবে একে অপরের সাথে তুলনীয়, তা এখানে দেখানো হলো।
WebAssembly এবং HTML5 APIs ব্যবহার করে ফাইলগুলো আপনার ব্রাউজারে স্থানীয়ভাবে প্রক্রিয়াকরণ করা হয়। এগুলো আপনার ডিভাইস ছেড়ে কখনো বাইরে যায় না, তাই কোনো সার্ভার আপলোড বা থার্ড-পার্টি ফাইল স্টোরেজ হয় না।
আপনার নিজের ডিভাইসেই অবিলম্বে রূপান্তর শুরু করুন - আপলোডের জন্য কোনো অপেক্ষা নেই, ডাউনলোডের কোনো সারি নেই এবং রিমোট সার্ভার দ্বারা গতির কোনো রুদ্ধকরণ নেই।
কোনো অ্যাকাউন্ট তৈরি না করে, কোনো প্ল্যানের জন্য অর্থ প্রদান না করে, বা কৃত্রিম ফাইল-আকারের সীমায় না পৌঁছে উপলব্ধ প্রতিটি টুল ব্যবহার করুন। আপনার ব্রাউজার এবং ডিভাইস যতবার সামলাতে পারে, ততবার রূপান্তর করুন।
ফরম্যাট তুলনা এবং প্রযুক্তিগত বৈশিষ্ট্য
| আউটপুট ফরম্যাট | MIME টাইপ | বৈশিষ্ট্য | ধরন |
|---|---|---|---|
| PNG ছবি | image/png | W3C-PNG | পোর্টেবল নেটওয়ার্ক গ্রাফিক্স |
| JPG JPEG ছবি | image/jpeg | ITU-T-T81-JPEG | জয়েন্ট ফটোগ্রাফিক এক্সপার্টস গ্রুপ |
| WebP ছবি | image/webp | RFC-6386-VP8 | গুগল WebP আধুনিক ইমেজ ফরম্যাট |
| SVG ভেক্টর | image/svg+xml | W3C-SVG | স্কেলেবল ভেক্টর গ্রাফিক্স |
| HEIC ছবি | image/heic | ISO-IEC-23008-12-HEIF | হাই এফিসিয়েন্সি ইমেজ কন্টেইনার |
| AVIF ছবি | image/avif | AOMEDIA-AV1-AVIF | AV1 ইমেজ ফাইল ফরম্যাট |
| PSD Photoshop নথি | image/vnd.adobe.photoshop | ADOBE-PSD-SPEC | Adobe Photoshop নথি |
| PSB ফটোশপ লার্জ ডকুমেন্ট | image/vnd.adobe.photoshop | ADOBE-PSD-SPEC | অ্যাডোবি ফটোশপ লার্জ ডকুমেন্ট |
| WMF উইন্ডোজ মেটাফাইল | image/x-wmf | MS-WMF-SPEC | উইন্ডোজ মেটাফাইল ভেক্টর ফরম্যাট |
| EMF এনহ্যান্সড মেটাফাইল | image/x-emf | MS-EMF-SPEC | এনহ্যান্সড মেটাফাইল ভেক্টর ফরম্যাট |
| JFIF ছবি | image/jpeg | ITU-T-T81-JPEG | JPEG ফাইল ইন্টারচেঞ্জ ফরম্যাট |
| TGA ট্রুভিশন টিজিএ | image/x-tga | TGA-SPEC | ট্রুভিশন টার্গা রাস্টার ছবি |
| PCX ZSoft | image/x-pcx | PCX-SPEC | ZSoft Paintbrush PCX বিটম্যাপ |
| PDF PDF | application/pdf | ISO-32000-2 | পোর্টেবল ডকুমেন্ট ফরম্যাট |
প্রযুক্তিগত বৈশিষ্ট্য এবং কোডেক বিভাজন
দ্রুত ফরম্যাট নির্ধারণের নিয়ম
WebP ও AVIF অনেক ধরনের ওয়েব ছবির ফাইলের আকার কমাতে পারে এবং দুটিই স্বচ্ছতা সমর্থন করে, তবে ফলাফল ছবি ও এনকোডিং সেটিংসের ওপর নির্ভর করে। সামান্য কম্প্রেশনজনিত ত্রুটি গ্রহণযোগ্য হলে ছবির জন্য JPG, স্পষ্ট স্ক্রিনশট ও গ্রাফিক্সের জন্য PNG, আর মাপ অনুযায়ী বড়-ছোট করা যায় এমন লোগো ও আইকনের জন্য SVG ব্যবহার করুন।
রাস্টার বনাম ভেক্টর: কেন SVG কখনো ঝাপসা হয় না
রাস্টার ইমেজ (JPG, PNG, WebP) হলো নির্দিষ্ট রঙের পিক্সেলের একটি গ্রিড - অতিরিক্ত জুম করলে এগুলো ঝাপসা বা পিক্সেলটেড হয়ে যায়। SVG হলো বিশুদ্ধ গণিত: এটি গাণিতিক রেখা, বক্ররেখা এবং রং সংরক্ষণ করে, যার ফলে আইকন এবং ইলাস্ট্রেশনগুলো মোবাইল স্ক্রিন থেকে শুরু করে ৮কে ডিসপ্লে পর্যন্ত সব ডিভাইসে অত্যন্ত নিখুঁতভাবে রেন্ডার হয় এবং এর ফাইলের আকারও অনেক ছোট থাকে।
মিথ: 'উচ্চ DPI মানেই ভালো ওয়েব ইমেজের কোয়ালিটি'
DPI (ডটস পার ইঞ্চ) হলো সম্পূর্ণভাবে একটি শারীরিক প্রিন্টিং নির্দেশিকা এবং ওয়েব ব্রাউজারগুলো এটি পুরোপুরি উপেক্ষা করে। ফোন এবং কম্পিউটারের মনিটরে ইমেজের তীক্ষ্ণতা সম্পূর্ণ নির্ভর করে পিক্সেলের মাত্রা (যেমন ১৯২০x১০৮০) এবং ডিসপ্লে ঘনত্বের ওপর, এমবেডেড DPI মেটাডেটার ওপর নয়।
আলফা ট্রান্সপারেন্সি: PNG বনাম WebP
ঐতিহ্যবাহী JPG-তে কোনো ট্রান্সপারেন্সি সাপোর্ট নেই - স্বচ্ছ ব্যাকগ্রাউন্ড শক্ত সাদা বা কালো রঙে পরিণত হয়। PNG নিখুঁত ৮-বিট আলফা ট্রান্সপারেন্সির প্রচলন করেছিল, তবে WebP এখন ৪০% পর্যন্ত ছোট ফাইলের আকারে ঠিক একই রকম স্বচ্ছ কোয়ালিটি প্রদান করে।
বাহ্যিক সার্ভারে ০ বাইট আপলোড করা হয়েছে। সমস্ত প্রক্রিয়াকরণ আপনার ব্রাউজার স্যান্ডবক্সে স্থানীয়ভাবে ঘটেছে।