ছবি ক্রপ

ছবি ক্রপার কী?#

ক্রপিং শোনায় সবচেয়ে সহজ ছবি অপারেশনের মতো — একটি আয়তক্ষেত্র রাখুন, বাকিটা ফেলে দিন। কিন্তু এটি সঠিকভাবে করার প্রয়োজন হলেই একসাথে অনেক প্রশ্ন চলে আসে: ক্রপটি কি একটি থাম্বনেল বা ব্যানার স্লটের জন্য নির্দিষ্ট অনুপাত ধরে রাখবে, আমি কি প্রথমে একটি কাত হরাইজন ঠিক করতে পারি, এক্সপোর্টটি কি আপলোড করার মতো ছোট হবে, এবং এর কোনোটাই কি আমার ডিভাইস ছেড়ে যায়? এই পৃষ্ঠাটি একটি সম্পূর্ণ ক্রপ স্টুডিও যা ব্রাউজারে চারটি প্রশ্নেরই উত্তর দেয়।

আপনি একটি ছবি টেনে আনেন, এর উপর একটি নির্বাচন বাক্স আঁকেন (অথবা এর আটটি হ্যান্ডলের একটি ধরে রিসাইজ করেন), ঐচ্ছিকভাবে সম্পূর্ণ ফ্রেম ঘোরান বা উল্টান, নির্বাচনটি 1:1 বা 16:9-এর মতো একটি অনুপাতে লক করুন, এবং ক্রপ করা অঞ্চলটি আপনার বেছে নেওয়া গুণমানে PNG, JPEG, বা WebP হিসেবে রপ্তানি করুন। সবকিছু এই ট্যাবের ভেতরে Canvas API-এ চলে — মূল ফাইলটি স্থানীয়ভাবে পড়া হয় এবং ফলাফলটি স্থানীয়ভাবে পুনঃএনকোড করা হয়, তাই কিছুই আপলোড হয় না।

যেভাবে ব্যবহার করবেন#

1. ড্যাশ দেওয়া ড্রপ এরিয়াতে একটি ছবি টেনে আনুন (অথবা একটি ফাইল বেছে নিতে ক্লিক করুন)। এডিটরটি আবির্ভূত হয়, ড্রপ জোনটি প্রতিস্থাপন করে।
2. ক্রপ করার আগে সম্পূর্ণ ফ্রেম রূপান্তর করতে প্রিভিউয়ের উপরের টুলবার ব্যবহার করুন:
   • ঘোরান প্রতি ক্লিকে ছবিটিকে ৯০° ঘড়ির কাঁটার দিকে ঘোরায়। ক্রপ নির্বাচনটি ঘোরানো কোঅর্ডিনেট স্পেসে ট্র্যাক করা হয়, তাই এটি সর্বদা আপনি যা দেখেন তার সাথে মিলে যায়।
   • অনুভূমিক উল্টান / উল্লম্ব উল্টান ফ্রেমটিকে অনুভূমিক বা উল্লম্বভাবে মিরর করে।
3. ড্রপডাউন থেকে একটি দিক অনুপাত বেছে নিন: স্বাধীন (যেকোনো আয়তক্ষেত্র টানুন), 1:1 (অবতার / প্রোফাইল), 4:3, বা 16:9 (ওয়ালপেপার / ভিডিও কভার)। একটি অনুপাত লক থাকলে, আপনি টেনে আনার সময় বাক্সটি সেই আকৃতি ধরে রাখে — কর্নার হ্যান্ডলগুলি আপনার কার্সার ধারণ করতে বড় হয়, প্রান্ত হ্যান্ডলগুলি লম্বালম্বি পাশ স্বয়ংক্রিয়ভাবে নির্ধারণ করে।
4. বাক্সটি সরাতে এর বডিটি টানুন; এর আটটি হ্যান্ডলের যেকোনো একটি টেনে রিসাইজ করুন। মাউস এবং টাচ উভয়ই কাজ করে।
5. প্রিভিউয়ের নিচে এক্সপোর্ট বিকল্পগুলি সেট করুন:
   • আউটপুট ফরম্যাট — JPEG (সবচেয়ে ছোট, লসি), WebP (ছোট, আধুনিক), বা PNG (লসলেস; গুণমান স্লাইডারটি নিষ্ক্রিয় কারণ PNG-এর গুণমান নব নেই)।
   • সর্বোচ্চ আউটপুট বাহু — পিক্সেলে একটি সংখ্যা; অনুপাত সংরক্ষণ করে ক্রপের দীর্ঘ পাশটি এই মানে সীমাবদ্ধ। সম্পূর্ণ ক্রপ রেজোলিউশন রাখতে এটি 0 রাখুন।
   • গুণমান — ৫–১০০, শুধুমাত্র JPEG এবং WebP দ্বারা ব্যবহৃত। ৯২ একটি বুদ্ধিমানের ডিফল্ট; থাম্বনেলের জন্য ৮০-এ নামান।
6. ডাউনলোড-এর পাশে রিডআউটটি দেখুন: এটি নির্বাচনের আকার এবং ফলে সৃষ্ট আউটপুট আকার দেখায়, যেমন 1500×1500 → 800×800 যখন একটি 1:1 নির্বাচন ৮০০-এ সীমাবদ্ধ।
7. সংরক্ষণ করতে ডাউনলোড ক্লিক করুন। নির্বাচনটি তার কেন্দ্রীয় ডিফল্টে ফিরিয়ে আনতে নির্বাচন রিসেট ব্যবহার করুন।

প্রধান বৈশিষ্ট্য#

• অনুপাত-লক করা রিসাইজিং যা সত্যিই ঠিক অনুভব হয়। কর্নার হ্যান্ডলগুলি উভয় অক্ষে আপনার কার্সারে পৌঁছাতে বড় হয়; প্রান্ত হ্যান্ডলগুলি শুধুমাত্র টানা অক্ষ সামঞ্জস্য করে এবং অনুপাত থেকে অন্যটি পুনরায় গণনা করে। কোনো দুর্ঘটনাজনিত প্রসারণ নেই।
• রূপান্তর-সচেতন নির্বাচন। ঘোরানো এবং উল্টানো একটি অফস্ক্রিন ক্যানভাসে একবার প্রয়োগ করা হয়, এবং ক্রপ বাক্সটি সেই রূপান্তরিত স্থানে থাকে, তাই আপনি যা নির্বাচন করেন তা-ই ঠিক এক্সপোর্ট করেন — প্রিভিউ এবং আউটপুটের মধ্যে কোনো অমিল নেই।
• সততাপূর্ণ গুণমান সহ তিনটি ফরম্যাট। PNG লসলেস হিসেবে চিহ্নিত এবং নীরবে উপেক্ষা না করে স্লাইডারটি নিষ্ক্রিয় করে। JPEG এবং WebP একটি প্রকৃত গুণমান মান উন্মোচন করে যা সরাসরি এনকোডারে যায়।
• ঐচ্ছিক আউটপুট সীমা। একটি সর্বোচ্চ মাত্রা সেট করুন এবং ক্রপটি অনুপাত সংরক্ষণ করে ছোট হয় — অবতার, Open Graph ছবি, বা আপলোড সীমার জন্য সুবিধাজনক — আপনি হিসাব না করেই।
• লাইভ আগে/পরে রিডআউট। নির্বাচনের মাত্রা এবং চূড়ান্ত আউটপুট মাত্রা পাশাপাশি থাকে, তাই একটি সীমা বা অনুপাত পরিবর্তন প্রতিশ্রুতিবদ্ধ হওয়ার আগেই দৃশ্যমান।
• ১০০% স্থানীয়। ছবিটি ব্রাউজার দ্বারা ডিকোড এবং পুনঃএনকোড করা হয়। কোনো আপলোড এন্ডপয়েন্ট নেই।

বিস্তারিত উদাহরণ#

আপনার কাছে একটি 4000×3000 ল্যান্ডস্কেপ ছবি আছে এবং একটি 16:9 ব্যানার থাম্বনেল প্রয়োজন যার দীর্ঘ পাশ 1280px। ছবিটি লোড করুন, দিক অনুপাত 16:9 সেট করুন, এবং হরাইজনের উপর নির্বাচন টেনে আনুন। অনুপাত লক থাকায়, বাক্সটি একটি 16:9 আয়তক্ষেত্রে স্ন্যাপ করে; ধরে নিই নির্বাচনটি সোর্স পিক্সেলে 4000×2250-এ স্থির হয়। এখন সর্বোচ্চ আউটপুট বাহু-তে 1280 টাইপ করুন। রিডআউট আপডেট হয়ে:

crop size  4000 × 2250  →  1280 × 720

আউটপুট ফরম্যাট: JPEG বেছে নিন, গুণমান ৯২-এ রাখুন, এবং ডাউনলোড করুন। আপনি একটি 1280×720 JPEG পান দৃশ্য অনুযায়ী প্রায় ১৮০–২৮০ KiB — মূল বহু-মেগাবাইট ফাইলের একটি ক্ষুদ্র অংশ, একটি হিরো ব্যানারের প্রয়োজনীয় সঠিক দিক অনুপাত সহ এবং কোনো লেটারবক্সিং নেই। একই প্রবাহ 1:1 এবং সর্বোচ্চ আউটপুট বাহু 512 দিয়ে একটি আপলোডের জন্য প্রস্তুত প্রোফাইল ছবি তৈরি করে।

সাধারণ জিজ্ঞাসা#

নির্বাচনটি একটি নির্দিষ্ট আকারের নিচে ছোট হচ্ছে না — কেন?#

একটি ৮-পিক্সেল ন্যূনতম প্রান্ত রয়েছে, যা প্রয়োগ করা হয় যাতে হ্যান্ডলগুলি ধরা যায় এবং এক্সপোর্ট কখনো একটি অবক্ষয়িত ফালি না হয়। আপনার যদি একটি অত্যন্ত আঁটসাঁট ক্রপ প্রয়োজন হয়, তবে জুম ইন করে একটি ছোট অঞ্চল ক্রপ করবেন না — একটি বড় অঞ্চল ক্রপ করুন, তারপর সর্বোচ্চ আউটপুট বাহু দিয়ে ছোট করুন।

আমি 16:9 লক করেছি কিন্তু প্রান্তের কাছে টানার সময় বাক্সের আকার পরিবর্তিত হয়েছে।#

এটি বাউন্ডস ক্ল্যাম্প যা বাক্সটিকে সম্পূর্ণভাবে ছবির ভেতরে রাখে। যখন একটি অনুপাত-লক করা বাক্স একটি প্রান্ত অতিক্রম করবে, ছোট পাশটি কমানো হয় যাতে অনুপাত উপলব্ধ স্থানের ভেতরে টিকে থাকে। প্রথমে বাক্সটি কেন্দ্রের দিকে সরান, তারপর রিসাইজ করুন।

আমার JPEG নাকি WebP এক্সপোর্ট করা উচিত?#

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

ক্রপ করলে কি ফাইলের আকার কমে?#

হ্যাঁ, দুইভাবে: কম এলাকা মানে এনকোড করার জন্য কম পিক্সেল, এবং সর্বোচ্চ আউটপুট বাহু এর উপরে ডাউনস্কেল করতে পারে। কিন্তু একটি নয়েজি ছবির 200×200 ক্রপ গুণমান ১০০-এ এখনও সম্পূর্ণ ছবির চেয়ে বড় হতে পারে গুণমান ৮০-এ — গুণমান স্লাইডারটি লসি আকারের জন্য প্রকৃত লিভার।