নতুন কোডেক সমর্থন, আপডেট ডিজাইন, এবং CLI সমর্থন!
Squoosh হল একটি ইমেজ কম্প্রেশন অ্যাপ যা আমাদের দল Chrome Dev Summit 2018-এ তৈরি এবং আত্মপ্রকাশ করেছে । বিভিন্ন ইমেজ কোডেক নিয়ে পরীক্ষা করা সহজ করতে এবং আধুনিক ওয়েবের ক্ষমতা প্রদর্শনের জন্য আমরা এটি তৈরি করেছি।
আজ, আমরা আরও কোডেক সমর্থন, একটি নতুন ডিজাইন এবং Squosh CLI নামক আপনার কমান্ড লাইনে Squosh ব্যবহার করার একটি নতুন উপায় সহ অ্যাপটিতে একটি বড় আপডেট প্রকাশ করছি৷
নতুন কোডেক সমর্থন
আমরা এখন আপনার ব্রাউজারে স্থানীয়ভাবে সমর্থিত কোডেকগুলি ছাড়াও OxiPNG, MozJPEG, WebP এবং AVIF সমর্থন করি। WebAssembly ব্যবহার করে একটি নতুন কোডেক আবার সম্ভব হয়েছিল। WebAssembly মডিউল হিসাবে একটি কোডেক এনকোডার এবং ডিকোডার কম্পাইল করে ব্যবহারকারীরা তাদের পছন্দের ব্রাউজার সমর্থন না করলেও নতুন কোডেকগুলি অ্যাক্সেস করতে এবং পরীক্ষা করতে পারে৷
একটি কমান্ড লাইন স্কুশ চালু হচ্ছে!
2018 সালে আসল লঞ্চের পর থেকে, সাধারণ ব্যবহারকারীর অনুরোধ ছিল UI ছাড়াই Squoosh প্রোগ্রামের সাথে ইন্টারঅ্যাক্ট করার। আমাদের অ্যাপটি কমান্ড-লাইন-ভিত্তিক কোডেক সরঞ্জামগুলির উপরে একটি UI হওয়ায় আমরা এই পথটি সম্পর্কে কিছুটা বিরোধ অনুভব করেছি। তবে আমরা একাধিক সরঞ্জামের পরিবর্তে কোডেকের পুরো প্যাকেজের সাথে ইন্টারঅ্যাক্ট করার ইচ্ছা বুঝতে পারি। Squosh CLI ঠিক যে করে.
আপনি npm i @squoosh/cli
চালিয়ে Squosh CLI-এর বিটা সংস্করণ ইনস্টল করতে পারেন অথবা npx @squoosh/cli [parameters]
ব্যবহার করে সরাসরি চালাতে পারেন।
Squosh CLI নোডে লেখা হয় এবং PWA ব্যবহার করে ঠিক একই WebAssembly মডিউল ব্যবহার করে। কর্মীদের ব্যাপক ব্যবহারের মাধ্যমে, সমস্ত ছবি সমান্তরালভাবে ডিকোড, প্রক্রিয়াজাত এবং এনকোড করা হয়। npx
মাধ্যমে ইনস্টলেশন দ্রুত এবং নির্বিঘ্ন হয় তা নিশ্চিত করতে আমরা একটি জাভাস্ক্রিপ্ট ফাইলে সবকিছু বান্ডিল করতে রোলআপ ব্যবহার করি। CLI স্বয়ংক্রিয় সংকোচনও অফার করে, যেখানে এটি দৃশ্যমান বিশ্বস্ততাকে ( বাটারউগলি মেট্রিক ব্যবহার করে) অবনমিত না করে যতটা সম্ভব একটি চিত্রের গুণমান কমানোর চেষ্টা করে।
Squosh CLI-এর সাহায্যে আপনি আপনার ওয়েব অ্যাপের ছবিগুলিকে একাধিক ফরম্যাটে সংকুচিত করতে পারেন এবং ব্রাউজারটিকে সেরা সংস্করণ বেছে নেওয়ার জন্য <picture>
উপাদান ব্যবহার করতে পারেন। এছাড়াও আমরা ওয়েবপ্যাক, রোলআপ এবং অন্যান্য বিল্ড টুলের জন্য প্লাগইন তৈরি করার পরিকল্পনা করছি যাতে ইমেজ কম্প্রেশন আপনার বিল্ড প্রক্রিয়ার একটি স্বয়ংক্রিয় অংশ হয়ে যায়।
ওয়েবপ্যাক থেকে রোলআপে প্রক্রিয়া পরিবর্তন করুন
Squoosh তৈরি করা একই দল এই বছর টুলিং রিপোর্টের জন্য বিল্ড টুলিংয়ের জন্য উল্লেখযোগ্য পরিমাণ সময় ব্যয় করেছে এবং আমাদের বিল্ড প্রক্রিয়াকে ওয়েবপ্যাক থেকে রোলআপে স্যুইচ করার সিদ্ধান্ত নিয়েছে।
প্রকল্পটি প্রাথমিকভাবে ওয়েবপ্যাক দিয়ে শুরু করা হয়েছিল কারণ আমরা এটিকে একটি দল হিসাবে চেষ্টা করতে চেয়েছিলাম, এবং 2018 সালের সময়ে ওয়েবপ্যাকই ছিল একমাত্র টুল যা আমাদের ইচ্ছামত প্রজেক্ট সেট আপ করার জন্য যথেষ্ট নিয়ন্ত্রণ দিয়েছে। সময়ের সাথে সাথে, আমরা রোলআপের সহজ প্লাগইন সিস্টেম খুঁজে পেয়েছি এবং ESM-এর সাথে সরলতা এটিকে এই প্রকল্পের জন্য একটি স্বাভাবিক পছন্দ করে তুলেছে।
UI ডিজাইন আপডেট করা হয়েছে
আমরা একটি ভিজ্যুয়াল উপাদান হিসাবে blobs
সমন্বিত অ্যাপটির UI ডিজাইন আপডেট করেছি। আমরা আমাদের কোডে ডেটা কীভাবে ব্যবহার করি তার উপর এটি একটি ছোট শ্লেষ। Squoosh একটি ব্লব হিসাবে চারপাশে ইমেজ ডেটা পাস করে, তাই ডিজাইনে কিছু ব্লব অন্তর্ভুক্ত করা স্বাভাবিক মনে হয়েছে (এটি পান?)।
রঙের ব্যবহারকেও মান্য করা হয়েছিল, তাই সেই রঙটি একটি উচ্চারণের চেয়ে বেশি ছিল কিন্তু বিকল্পগুলির জন্য কোন চিত্রটিকে আলাদা এবং শক্তিশালী করার জন্য একটি ভেক্টর ছিল৷ সব মিলিয়ে, হোমপেজটি একটু বেশি প্রাণবন্ত এবং টুলটি নিজেই একটু বেশি পরিষ্কার এবং সংক্ষিপ্ত।
এরপর কি ?
আমরা Squosh-এ কাজ চালিয়ে যাওয়ার পরিকল্পনা করছি। নতুন ইমেজ ফরম্যাট প্রকাশের সাথে সাথে, আমরা চাই আমাদের ব্যবহারকারীদের এমন একটি জায়গা থাকুক যেখানে তারা ভারী উত্তোলন ছাড়াই কোডেকের সাথে খেলতে পারে। আমরা Squoosh CLI-এর ব্যবহার প্রসারিত করার এবং একটি ওয়েব অ্যাপ্লিকেশন তৈরির প্রক্রিয়ায় আরও একীভূত করার আশা করি।
Squosh সর্বদাই ওপেন সোর্স ছিল কিন্তু আমরা কখনই সম্প্রদায়ের বৃদ্ধিতে ফোকাস করিনি। 2021 সালে, আমরা আমাদের কন্ট্রিবিউটর বেস প্রসারিত করার এবং প্রোজেক্টে আরও ভাল অনবোর্ডিং প্রক্রিয়া করার পরিকল্পনা করছি।
আপনি Squoosh জন্য কোন ধারণা আছে? আমাদের সমস্যা ট্র্যাকার সম্পর্কে আমাদের জানান. দলটি বর্ধিত শীতকালীন ছুটির দিকে যাচ্ছে তবে আমরা নতুন বছরে আপনার কাছে ফিরে আসার প্রতিশ্রুতি দিচ্ছি।