PNG থেকে WebP-তে রূপান্তর করুন

PNG ফাইল কেন এত বড় হয়

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

WebP কী আলাদাভাবে করে

WebP তৈরি করেছে Google, বিশেষভাবে ওয়েবের জন্য। এর দুটি মোড আছে। লসি WebP ভিডিও কম্প্রেশনের মতো প্রেডিকশন আর ট্রান্সফর্ম কোডিং ব্যবহার করে এবং একই দৃশ্যমান মানে সাধারণত JPG এর চেয়ে 25 থেকে 35 শতাংশ ছোট ফাইল দেয়, আর PNG এর চেয়ে অনেক বেশি ছোট। লসলেস WebP PNG এর মতোই পিক্সেল হুবহু রাখে কিন্তু আরও ভালো কম্প্রেশন পদ্ধতিতে, সাধারণত অপটিমাইজ করা PNG এর চেয়েও 20 থেকে 30 শতাংশ ছোট। দুটি মোডই স্বচ্ছতা সমর্থন করে, আর PNG থেকে WebP রূপান্তর এত প্রচলিত হওয়ার প্রধান কারণ এটাই: এটি প্রথম ব্যাপকভাবে সমর্থিত ফরম্যাট যাতে PNG এর আকারের মাশুল না দিয়েই আলফা চ্যানেল রাখা যায়।

মানের সেটিং বেছে নেওয়া

WebP কোথায় ব্যবহার করবেন

যেখানে ব্রাউজারই ভিউয়ার, সেখানেই WebP ব্যবহার করুন: আপনার ওয়েবসাইট, ওয়েব অ্যাপ, আধুনিক মেইল অ্যাপকে লক্ষ্য করে বানানো ইমেইল টেমপ্লেট, এবং ইমেজ CDN। WordPress, Shopify, Webflow, Squarespace এবং Wix আজ সবাই WebP আপলোড গ্রহণ করে। একই সাথে কোনো পুরনো ভিউয়ারকেও সমর্থন করতে হলে প্রচলিত পদ্ধতি হলো HTML এর <picture> এলিমেন্ট, যেখানে প্রথমে WebP উৎস আর বিকল্প হিসেবে PNG বা JPG থাকে।

প্রিন্টের জন্য হস্তান্তর, মূল আর্টওয়ার্ক সংরক্ষণ, বা এমন ক্লায়েন্টকে পাঠানোর জন্য WebP তে রূপান্তর করবেন না, যিনি ফাইলটি Photoshop বা Illustrator এর পুরনো সংস্করণে খুলবেন। মূল PNG রেখে দিন এবং WebP কে পরিবেশনের ফরম্যাট হিসেবে দেখুন।

একসাথে অনেক ফাইল রূপান্তর

এক্সপোর্ট করা PNG অ্যাসেটের পুরো একটি ফোল্ডার একবারে ছেড়ে দেওয়া যায়। প্রতিটি একই মানের সেটিংয়ে রূপান্তর হয় এবং ফলাফল একটি মাত্র ZIP হিসেবে ডাউনলোড হয়, মূল ফাইলের নাম আর .webp এক্সটেনশনসহ, তাই প্রজেক্টে এগুলো বদলাতে শুধু এক্সটেনশন খুঁজে বদলে দিলেই হয়।