PNG থেকে WebP কনভার্টার

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

অথবা JPG, JPEG, JPE … ফাইল এখানে ড্রop করুন ·

প্রতি ফাইল সর্বোচ্চ 95 MB· সর্বোচ্চ 20টি ফাইল· 30 মিনিট পরে মুছে ফেলা হয়

আউটপুট

যে ফরম্যাটে রূপান্তর

ফাইল আমাদের সার্ভারে প্রসেস করা হয় এবং 30 মিনিট পরে মুছে ফেলা হয়।

কোয়ালিটি ও রং

কোয়ালিটি

৮৫ ছবিকে দেখতে মূলের মতোই রাখে। ছোট ফাইল দরকার হলেই কেবল কমান।

লসলেস

প্রতিটি পিক্সেল হুবহু রাখুন। ফাইল বড় হয়; কোয়ালিটি স্লাইডার উপেক্ষিত হয়।

আউটপুট রিসাইজ

আউটপুট ছবি রিসাইজ

মূল মাপ রাখুন, অথবা একটি বাহু লিখুন; অনুপাত ঠিক থাকবে।

মেটাডেটা ও কালার প্রোফাইল

স্বয়ংক্রিয় ওরিয়েন্টেশন

EXIF-এ থাকা ওরিয়েন্টেশন অনুযায়ী ছবি ঘুরিয়ে দেয়, ফলে সব জায়গায় সোজা দেখায়।

মেটাডেটা মুছে দিন

GPS লোকেশন, ক্যামেরার তথ্য ও মন্তব্য সরান। কালার প্রোফাইল নিচে আলাদাভাবে রাখা যায়।

কালার প্রোফাইল রাখুন

এমবেড করা ICC প্রোফাইল রাখুন, যাতে রূপান্তরের পরও রঙ নির্ভুল থাকে।

কালার স্পেস

স্ক্রিন ও ওয়েবের জন্য sRGB সঠিক। প্রিন্টের কাজে মূলটি রাখুন; গ্রেস্কেল রঙ বাদ দেয়।

DPI ট্যাগ

dpi

শুধু মেটাডেটা, ০ মানে মূল মান থাকবে। প্রিন্টার ও কিছু পোর্টাল এই সংখ্যা পড়ে; এতে পিক্সেল মাপ বদলায় না।

এই টুল কীভাবে ব্যবহার করবেন

1
PNG ফাইলগুলো দিন
একসঙ্গে সর্বোচ্চ ২০টি PNG আপলোড এলাকায় টেনে আনুন অথবা কোনো ফোল্ডার থেকে বেছে নিন। প্রতিটি ফাইল ৯৫ MB পর্যন্ত হতে পারে, তাই এক্সপোর্ট করা খুব বড় মকআপও চলবে।
2
লসি বা লসলেস বেছে নিন
পেজটি লসি মোডে কোয়ালিটি 80 দিয়ে শুরু হয়, যা ওয়েবের ছবি ও ইলাস্ট্রেশনের জন্য ভালো ভারসাম্য। আইকন, পিক্সেল আর্ট বা UI স্ক্রিনশট পিক্সেল-হুবহু রাখতে চাইলে উন্নত সেটিংস-এর ভেতরে লসলেস টিক দিন।
3
কনভার্ট করে পুরোনো ফাইল বদলে দিন
WebP-এ কনভার্ট করুন চাপুন, তারপর ফাইলগুলো একটি একটি করে অথবা ZIP হিসেবে ডাউনলোড করুন।

উত্তর

PNG থেকে WebP-তে কনভার্ট করা কি লাভজনক?

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

ওয়েব ডেভেলপাররা কেন PNG-এর বদলে WebP ব্যবহার করেন

PNG নকশাতেই লসলেস: ১৯৯৬ সালে W3C এটিকে GIF-এর পেটেন্ট-মুক্ত বিকল্প হিসেবে মানসম্মত করে এবং এটি কখনও পিক্সেল ডেটা ফেলে দেয় না। মাস্টার ফাইলের জন্য এটি নিখুঁত, কিন্তু ওয়েব পেজে অপচয়, কারণ PNG হিসেবে সেভ করা ১৬০০ px-এর হিরো ইলাস্ট্রেশন পেজের সব স্ক্রিপ্ট মিলিয়েও বেশি ভারী হতে পারে।

এই ফাঁক পূরণ করতে Google ২০১০ সালে WebP আনে। একটি কনটেইনারে দুটি ইঞ্জিন আছে: একটি লসলেস মোড, যা Google-এর নিজস্ব প্রকাশিত তুলনায় PNG-র চেয়ে প্রায় ২৬% ছোট, এবং VP8 ভিডিও কোডেকভিত্তিক লসি মোড, যা আরও ছোট। দুই মোডেই পূর্ণ অ্যালফা চ্যানেল থাকে, ফলে লোগো ও কাট-আউট প্রোডাক্ট ছবি রঙিন ব্যাকগ্রাউন্ডেও ব্যবহারযোগ্য থাকে।

PageSpeed Insights-এর মতো পেজ স্পিড টুল দীর্ঘদিন ধরে অতিরিক্ত বড় PNG ও JPEG ফাইলকে সহজ সাশ্রয়ের জায়গা হিসেবে দেখায়, আর কনভার্ট করা ছবির সেট প্রায়ই Largest Contentful Paint-এ দ্রুততম উন্নতি আনে। ছবির মাপও বদলাতে হলে আগে ছবি রিসাইজ করুন, তারপর কনভার্ট করুন।

PNG-এর তুলনায় WebP কতটা ছোট হয়

মূল PNG

1.2 MB

1600 × 900 · অ্যালফাসহ 24-bit, প্রোডাক্ট কাট-আউট

সাধারণত ৮০–৮৫% ছোট

WebP, কোয়ালিটি 80

190 KB

1600 × 900 · অ্যালফা চ্যানেলসহ লসি

PNG

Portable Network Graphics

PNG একটি লসলেস রাস্টার ফরম্যাট, যা ১৯৯৬ সালে PNG Development Group প্রকাশ করে এবং পরে W3C ও ISO স্ট্যান্ডার্ড করে। এটি প্রতিটি পিক্সেল হুবহু ধরে রাখে, পূর্ণ অ্যালফা ট্রান্সপারেন্সি সমর্থন করে এবং টেক্সট, ধারালো প্রান্ত ও সমতল রং কোনো আর্টিফ্যাক্ট ছাড়াই সামলায়। এই নির্ভুলতার কারণে স্ক্রিনশট, লোগো, আইকন ও ইন্টারফেস গ্রাফিকসের জন্য এটি আদর্শ। দুর্বলতা হলো সাইজ: PNG হিসেবে সেভ করা ছবি একই ছবির JPEG বা WebP-এর চেয়ে প্রায়ই কয়েক গুণ বড় হয়। সব ব্রাউজার, অপারেটিং সিস্টেম ও এডিটর PNG ফাইল খোলে।

কম্প্রেশন: লসলেস
স্বচ্ছতা (ট্রান্সপারেন্সি): হ্যাঁ
অ্যানিমেশন: না
প্রবর্তনের সাল: 1996 · PNG Development Group

PNG কনভার্টার

WEBP

WebP ছবি

WebP হলো ওয়েব পেজ দ্রুত লোড করতে ২০১০ সালে Google প্রকাশিত একটি ইমেজ ফরম্যাট। এটি একই ফরম্যাটে লসি ও লসলেস কম্প্রেশন, আলফা স্বচ্ছতা এবং অ্যানিমেশন সমর্থন করে। সমান দৃশ্যমান মানের JPEG-এর তুলনায় লসি WebP ফাইল সাধারণত ২৫–৩৫% ছোট হয়, আর লসলেস WebP সাধারণত PNG-র চেয়ে ছোট। বর্তমানের সব ব্রাউজার এটি সমর্থন করে, কিন্তু কিছু পুরনো ডেস্কটপ সফটওয়্যার, প্রিন্ট সার্ভিস ও আপলোড ফর্ম এখনো এটি নেয় না। Windows, macOS এবং বেশিরভাগ আধুনিক ইমেজ এডিটর WebP খুলতে পারে।

কম্প্রেশন: লসি বা লসলেস
স্বচ্ছতা (ট্রান্সপারেন্সি): হ্যাঁ
অ্যানিমেশন: হ্যাঁ
প্রবর্তনের সাল: 2010 · Google

WEBP কনভার্টার

সাইটের মালিকরা স্বচ্ছতা বজায় রেখে পেজের ওজন কমাতে PNG থেকে WebP-তে কনভার্ট করেন; আর WebP থেকে PNG-তে ফেরা মানে এমন সফটওয়্যারে ফাইল এডিট বা খোলা, যা WebP পড়তে পারে না।

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

মাপ, রং ও স্বচ্ছতা অপরিবর্তিত থাকে, আর মেটাডেটা মুছে দিন (ডিফল্টে চালু) ব্রাউজারের অপ্রয়োজনীয় এডিটিং হিস্ট্রি বাদ দেয়।

WebP ফাইল সাইটে আপলোড করার আগে

মূল PNG ফাইলগুলো আলাদা ফোল্ডারে রাখুন; WebP হলো ডেলিভারি কপি, এডিটিং মাস্টার নয়।
আপনার CMS .webp আপলোড নেয় কি না দেখুন (WordPress ভার্সন 5.8 থেকে নেয়)।
একটি স্বচ্ছ ছবি সাদা ও গাঢ় দুই ব্যাকগ্রাউন্ডেই দেখে নিন, কিনারা পরিষ্কার কি না নিশ্চিত করতে।
HTML বা CSS-এ ছবির রেফারেন্স .png থেকে .webp করুন, অথবা CMS-কে থাম্বনেইল নতুন করে বানাতে দিন।
কত সাশ্রয় হলো জানতে ব্রাউজারের নেটওয়ার্ক প্যানেলে আগে ও পরে পেজের ওজন মিলিয়ে দেখুন।

PNG থেকে WebP নিয়ে প্রশ্ন

WebP কি আমার PNG-এর স্বচ্ছ ব্যাকগ্রাউন্ড ঠিক রাখে?

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

PNG থেকে কনভার্ট করার সময় লসি না লসলেস WebP বেছে নেব?

PNG যদি ফ্ল্যাট UI, ডায়াগ্রাম, লোগো বা পিক্সেল আর্ট হয়, তাহলে লসলেস, কারণ প্রতিটি পিক্সেল হুবহু থাকে আর ফাইলের সাইজও সাধারণত কমে। PNG আসলে ফটো বা নরম ইলাস্ট্রেশন হলে কোয়ালিটি ৭৫ থেকে ৮৫-এ লসি ব্যবহার করুন, কারণ সবচেয়ে বেশি সাশ্রয় সেখানেই।

কোন কোন ব্রাউজারে WebP ছবি দেখা যায়?

Chrome, Edge, Firefox ও Opera বহু বছর ধরে WebP দেখায়, আর Safari ২০২০ সালে ভার্সন ১৪-তে এটি যুক্ত করে (macOS Big Sur বা পরবর্তী এবং iOS 14-এ)। বাস্তবে আজ ব্যবহৃত প্রায় সব ব্রাউজারই এটি দেখায়, তাই বেশিরভাগ সাইটে .webp ফাইলের দিকে নির্দেশ করা একটি সাধারণ img ট্যাগই যথেষ্ট।

WordPress-এ কি WebP আপলোড করা যায়?

২০২১ সালের জুলাইয়ে প্রকাশিত WordPress 5.8 মিডিয়া লাইব্রেরির অনুমোদিত আপলোড টাইপে WebP যোগ করে। পুরোনো ইনস্টলেশন প্লাগিন MIME টাইপ না জুড়লে ফাইলটি নেয় না, তাই পুরো ফোল্ডার কনভার্ট করার আগে নিজের ভার্সন দেখে নিন।

আমার WebP ফাইল আসল PNG-এর চেয়ে বড় হলো কেন?

এমনটা হয় কয়েকটি রঙের ইনডেক্সড প্যালেট ব্যবহার করা ছোট PNG-তে, যেমন ৮ রঙের আইকন, কারণ সেখানে PNG আগে থেকেই খুব কার্যকর। এসব ফাইলে লসলেস চেষ্টা করুন, তাতেও বড় হলে PNG-ই রেখে দিন; সাশ্রয় আসে বড় ও বেশি রঙিন ছবি থেকে।

একটা ফোল্ডারের সব PNG কি একসাথে WebP-তে কনভার্ট করা যায়?

একবারে সর্বোচ্চ ২০টি ফাইল প্রক্রিয়া হয়, প্রতিটি ৯৫ MB পর্যন্ত, এবং ফলাফল একসঙ্গে ZIP-এ ফেরত আসে। বড় ফোল্ডার হলে ২০টি করে ব্যাচে করুন; দৈনিক কোনো সীমা নেই এবং আপলোড করা ফাইল ৩০ মিনিট পর স্বয়ংক্রিয়ভাবে মুছে যায়।