বিনামূল্যে ইমেজ রিসাইজার

কিভাবে কাজ করে

রিসাইজ পুরোপুরি আপনার ব্রাউজারে Canvas API দিয়ে হয় — Chrome, Firefox ও Safari-তে বিল্ট-ইন একই রেন্ডারিং ইঞ্জিন। আপনার ছবি নতুন মাপে একটি অফস্ক্রিন ক্যানভাসে আঁকা হয়ে লোকালি আবার এনকোড হয়; কিছুই আপনার ডিভাইস ছাড়ে না।

1. 1
   ব্রাউজার ছবি ডিকোড করে

   ফাইল ছাড়লে বা বাছলে ব্রাউজার একটি HTMLImageElement দিয়ে ছবিটি (JPEG, PNG, WebP, AVIF বা GIF) কাঁচা পিক্সেল ডেটায় ডিকোড করে। মূল পিক্সেল মাপ পড়ে প্রস্থ ও উচ্চতার ঘর আগে থেকে পূরণ করা হয়।
2. 2
   Canvas নতুন আকারে আবার আঁকে

   Resize-এ ক্লিক করলে একটি অফস্ক্রিন HTMLCanvasElement আপনার বাছাই করা প্রস্থ ও উচ্চতায় সেট হয়, তারপর ctx.drawImage() প্রতিটি পিক্সেলকে নতুন মাপে স্কেল করে আঁকে। JPEG আউটপুটে আগে সাদা ব্যাকগ্রাউন্ড ভরা হয় যাতে স্বচ্ছ অংশ কালো না হয়।
3. 3
   canvas.toBlob() আউটপুট এনকোড করে

   ব্রাউজারের বিল্ট-ইন canvas.toBlob() মেথড পিক্সেল ডেটাকে আপনার সেট করা মানে JPEG, PNG বা WebP-তে এনকোড করে। লক্ষ্য ফাইল সাইজ দিলে 7-ধাপের binary search স্বয়ংক্রিয়ভাবে quality প্যারামিটার বদলায় যতক্ষণ না আউটপুট সেই আকারে বা তার নিচে আসে।
4. 4
   ফলাফল লোকালি প্রিভিউ ও ডাউনলোড

   এনকোড করা Blob প্রিভিউ প্যানেলের জন্য একটি object URL-এ পরিণত হয় — কোনো সার্ভার আসা-যাওয়া নেই। ডাউনলোডে ক্লিক করলে চূড়ান্ত পিক্সেল মাপসহ ফাইলনামে লোকাল সেভ হয়।

সম্পর্কিত টুলস