ইমেজ ক্রপ করুন

ক্রপিং কীভাবে কাজ করে

আপনি যখন একটি ইমেজ খোলেন, ব্রাউজার createImageBitmap() দিয়ে সেটিকে কাঁচা পিক্সেলে ডিকোড করে এবং তার ওরিয়েন্টেশন ঠিক করে। আপনি প্রিভিউয়ের উপর একটি ক্রপ বক্স টানেন; টুলটি সেই বক্সকে স্ক্রিন স্থানাঙ্ক থেকে মূল ইমেজের পিক্সেলে একটিমাত্র সমরূপ স্কেলে ম্যাপ করে, তারপর শুধু সেই আয়তক্ষেত্রটি ctx.drawImage(image, sx, sy, sw, sh, 0, 0, sw, sh) দিয়ে একটি নতুন ক্যানভাসে কপি করে। শেষে canvas.toBlob() ফলাফলটিকে JPEG, PNG বা WebP-তে এনকোড করে। কোনো আপলোড ও কোনো সার্ভার রাউন্ড-ট্রিপ নেই — পুরো ক্রপিং আপনার ট্যাবেই ঘটে।

• বক্সের মাঝখানে টানুন নির্বাচন সরাতে; সেটি রিসাইজ করতে যেকোনো কোণা বা প্রান্ত হ্যান্ডল টানুন।
• একটি রেশিও লক করুন (1:1, 16:9, পাসপোর্ট 7:9…) যাতে রিসাইজ করার সময় ক্রপ একটি নির্দিষ্ট আকার বজায় রাখে।
• ইমেজটি আগে রোটেট বা ফ্লিপ করুন যদি সেটি কাত বা উল্টানো থাকে, তারপর ক্রপ করুন।
• বৃত্তাকার ক্রপ একটি বর্গ নির্বাচনকে বৃত্তে মাস্ক করে এবং একটি স্বচ্ছ PNG সেভ করে।

সাধারণ ফটো ক্রপ সাইজ

অ্যাসপেক্ট রেশিও আকার নির্ধারণ করে; সঠিক পিক্সেল সাইজ একটি আলাদা ধাপ — এখানে রেশিওতে ক্রপ করুন, তারপর ইমেজ রিসাইজার খুলে কোনো ফর্ম যে সঠিক প্রস্থ ও উচ্চতা চায় তা সেট করুন।

ক্রপ, রিসাইজ নাকি কম্প্রেস — আপনার কোনটি দরকার?

পরিষ্কার ক্রপের জন্য পরামর্শ

• আগে রেশিও বাছুন। অবস্থান ঠিক করার আগে আকার লক করুন (যেমন পরীক্ষার ফটোর জন্য 1:1, পাসপোর্টের জন্য 7:9), যাতে বক্স রিসাইজ করলে সেটি বিকৃত না হয়।
• বিষয়টিকে মাঝখানে রাখুন। ID ফটোর জন্য মাথাটিকে সামান্য জায়গাসহ মাঝখানে রাখুন — বেশিরভাগ পোর্টাল মাঝ থেকে সরে থাকা বা কাত মুখ প্রত্যাখ্যান করে।
• ক্রপ, তারপর রিসাইজ, তারপর কম্প্রেস। এখানে সঠিক আকারে ক্রপ করুন, রিসাইজার দিয়ে সঠিক পিক্সেল সেট করুন, তারপর কম্প্রেস-টু-সাইজ দিয়ে KB সীমায় পৌঁছান — এই ক্রমই সবচেয়ে বেশি কোয়ালিটি বজায় রাখে।
• বৃত্ত ও গ্রাফিক্সের জন্য PNG ব্যবহার করুন। বৃত্তাকার ক্রপ এবং টেক্সট/লাইনযুক্ত ইমেজ PNG-তে ধারালো থাকে ও স্বচ্ছ কোণা বজায় রাখে; সাধারণ ফটোর জন্য JPEG সবচেয়ে ভালো।
• যদি ফটো কাত হয় তবে ক্রপ করার আগে রোটেট করুন — ক্রপ বক্স সবসময় সোজা ইমেজে কাজ করে।

অ্যাসপেক্ট রেশিও আসলে কী

অ্যাসপেক্ট রেশিও হলো কেবল একটি ইমেজের প্রস্থের সাথে তার উচ্চতার তুলনা, যা কোলন দিয়ে আলাদা করা দুটি সংখ্যায় লেখা হয়। 1:1 রেশিও একটি নিখুঁত বর্গ; 16:9 একটি চওড়া আয়তক্ষেত্র যা প্রতি 9 একক উচ্চতায় 16 একক চওড়া। এই সংখ্যাগুলো একটি অনুপাত, পিক্সেল নয় — 16:9 একটি 1920×1080 ফ্রেম ও একটি 1280×720 ফ্রেমকে সমানভাবে বর্ণনা করে, কারণ দুটোই কমে গিয়ে সেই একই 16:9 হয়। সরলতম রূপ আপনি ঠিক সেভাবেই পান যেভাবে একটি ভগ্নাংশ সরল করেন: উভয় পক্ষকে তাদের গরিষ্ঠ সাধারণ গুণনীয়ক দিয়ে ভাগ করুন। 1920×1080 উভয়কে 120 দিয়ে ভাগ করলে 16:9 হয়; 35×45 mm-এর ভারতীয় পাসপোর্ট ফটোকে 5 দিয়ে ভাগ করলে 7:9 হয়।

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

• 1:1 (বর্গ) — প্রোফাইল ছবি, অ্যাপ আইকন, বেশিরভাগ পরীক্ষা ও ID ফটো, Instagram-এর ক্লাসিক ফরম্যাট।
• 4:3 — প্রথাগত ফটো ও পুরনো স্ক্রিনের রেশিও; এখনও প্রিন্ট ও অনেক ক্যামেরা সেন্সরের জন্য সাধারণ।
• 3:2 — 35 mm ফিল্ম রেশিও, বেশিরভাগ DSLR ও মানক 4×6 ইঞ্চি প্রিন্টে ব্যবহৃত।
• 16:9 — ওয়াইডস্ক্রিন ভিডিও ও আধুনিক ডিসপ্লে রেশিও; YouTube থাম্বনেল ও স্লাইড ব্যাকগ্রাউন্ডের জন্য সঠিক আকার।
• 9:16 — ভার্টিকাল ভিডিও: Reels, Shorts, TikTok ও ফোন-স্ক্রিন ওয়ালপেপার।
• 7:9 — 35×45 mm অনুপাত যা ভারতীয় পাসপোর্ট ও বেশিরভাগ ভিসা ফটোতে ব্যবহৃত হয়।

মিলিমিটার থেকে পিক্সেল: প্রিন্ট সাইজ ও DPI

পাসপোর্ট ও স্ট্যাম্প-সাইজের প্রয়োজন মিলিমিটারে দেওয়া হয়, কিন্তু একটি ডিজিটাল ইমেজ পিক্সেলে মাপা হয়, আর এই দুইয়ের মধ্যে সেতু হলো DPI (ডটস প্রতি ইঞ্চি, অর্থাৎ পিক্সেল প্রতি ইঞ্চি)। রূপান্তরটি সরল গণিত: পিক্সেল = মিলিমিটার ÷ 25.4 × DPI, কারণ এক ইঞ্চিতে 25.4 mm থাকে। প্রিন্ট ফটো প্রথাগতভাবে 300 DPI-তে তৈরি হয়, ঠিক সেই বিন্দু যেখানে পড়ার দূরত্বে আলাদা ডট অদৃশ্য হয়ে যায়।

হিসাব করে দেখলে, 300 DPI-তে 35 × 45 mm-এর ভারতীয় পাসপোর্ট ফটো (35 ÷ 25.4 × 300) × (45 ÷ 25.4 × 300) ≈ 413 × 531 পিক্সেল হয়। 300 DPI-তে US 2 × 2 ইঞ্চি ভিসা ফটো ঠিক 600 × 600 পিক্সেল হয়। এ কারণেই "এখানে রেশিওতে ক্রপ করুন, তারপর সঠিক পিক্সেল সাইজে রিসাইজ করুন" প্রস্তাবিত ক্রম: ক্রপিং আকার নির্ধারণ করে (7:9, 1:1), আর রিসাইজ ধাপ সেই আকারকে কোনো পোর্টাল যে সঠিক পিক্সেল সংখ্যা চায় তাতে পরিণত করে। বেশি DPI কেবল তখনই বাছুন যখন কোনো প্রিন্টার বিশেষভাবে চায় — কোনো অন-স্ক্রিন আপলোডের জন্য পোর্টালের বলা পিক্সেল ডাইমেনশনই কেবল গুরুত্বপূর্ণ, আর DPI কেবল সেই একক যা দিয়ে আপনি সেখানে পৌঁছেছেন।

কম্পোজিশন: বিষয়টিকে কোথায় রাখবেন

একটি ভালো ক্রপ আপনি কী রাখেন তার মতোই আপনি কী সরান তার উপরও নির্ভর করে। দুটি সরল নিয়ম বেশিরভাগ পরিস্থিতি কভার করে:

• এক-তৃতীয়াংশের নিয়ম (rule of thirds)। ফ্রেমটিকে 3×3 গ্রিডে ভাগ করা কল্পনা করুন। আপনার বিষয় — বা কোনো ব্যক্তির চোখ — একটি গ্রিড লাইন বা সংযোগস্থলে রাখা একেবারে-মাঝখানের চেয়ে বেশি স্বাভাবিক ও ভারসাম্যপূর্ণ দেখায়। এটি শতাব্দী ধরে ফটোগ্রাফারদের ব্যবহৃত একটি নির্দেশিকা, কোনো আইন নয়, তবে হিরো ইমেজ, ব্যানার ও সোশ্যাল পোস্টের জন্য এটি একটি নির্ভরযোগ্য ডিফল্ট।
• ID ফটোর জন্য হেডরুম ও কেন্দ্রীকরণ। পরিচয়পত্র সেই পরামর্শ উল্টে দেয়: পাসপোর্ট, ভিসা ও পরীক্ষা পোর্টাল মাথাটিকে মাঝখানে, সামনের দিকে তাকানো অবস্থায় চায়, চুলের উপরে সামান্য ও সমান জায়গাসহ এবং মুখ ফ্রেমের একটি নির্দিষ্ট অংশ পূর্ণ করে। মাঝ থেকে সরে থাকা, কাত বা জুম-ইন মুখ কোনো স্বয়ংক্রিয় ফটো যাচাই দ্বারা আপলোড প্রত্যাখ্যানের সবচেয়ে সাধারণ কারণগুলোর মধ্যে, তাই এগুলোর জন্য নিবেদিত ফটো প্রিসেট ব্যবহার করুন এবং মুখটি মাঝখানে সোজা রাখুন।

শক্তভাবে ক্রপ করার একটি লুকানো সুবিধাও আছে: শুধু বিষয় পর্যন্ত ক্রপ করা ফটো, যার ব্যাকগ্রাউন্ড সরিয়ে ফেলা হয়েছে, খালি জায়গায় ভরা ফটোর তুলনায় অনেক ছোট ফাইলে কম্প্রেস হয় — তখন কাজে লাগে যখন সেই একই ইমেজকে কোনো কঠোর KB সীমায় ফিট হতে হয়।

বৃত্তাকার ক্রপ, স্বচ্ছতা ও ফরম্যাটের পছন্দ

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

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

ক্রপ করলে কি কোয়ালিটি কমে? পিক্সেল, পুনরায় এনকোডিং ও ওরিয়েন্টেশন

ক্রপিং নিজে লসলেস: এটি আপনার নির্বাচনের বাইরের পিক্সেল ফেলে দেয় এবং ভিতরের পিক্সেলগুলো হুবহু কপি করে, কোনো টানাটানি বা রিস্যাম্পলিং ছাড়াই, তাই প্রতিটি রাখা পিক্সেল মূলের অভিন্ন থাকে। কোয়ালিটি কেবল চূড়ান্ত পুনরায় এনকোড-এ বদলাতে পারে। আপনি যদি ক্রপটি JPEG হিসেবে সেভ করেন, এনকোডার তার স্বাভাবিক লসি কম্প্রেশন প্রয়োগ করে (কোয়ালিটি স্লাইডার দিয়ে নিয়ন্ত্রিত); যদি PNG বা লসলেস WebP হিসেবে সেভ করেন, সেই ধাপও সঠিক থাকে। তাই টেক্সট বা সূক্ষ্ম লাইনে সবচেয়ে ধারালো সম্ভাব্য ফলাফলের জন্য PNG আউটপুট করুন; সাধারণ ফটোতে সবচেয়ে ছোট ফাইলের জন্য কোয়ালিটি 85–92-তে JPEG উৎসের অভিন্ন দেখায়।

টুলটি আপনার জন্য যে আরেকটি সূক্ষ্মতা সামলায় তা হলো EXIF ওরিয়েন্টেশন। ফোন ক্যামেরা প্রায়ই একটি ফটোর পিক্সেল কাত করে সংরক্ষণ করে এবং একটি মেটাডেটা ফ্ল্যাগ যোগ করে যা বলে "দেখানোর সময় এটি ঘোরাও।" কোনো ক্রপার যদি সেই ফ্ল্যাগ উপেক্ষা করে, তবে আপনি যে ইমেজ ক্রপ করেন এবং যা দেখেন, দুটোয় পার্থক্য হতে পারে। এই টুলটি প্রথমে ওরিয়েন্টেশন প্রয়োগ করে ডিকোড করে, তাই স্ক্রিনে সোজা ছবিটিই ঠিক সেটি যার উপর ক্রপ বক্স কাজ করে — আর যেহেতু ফলাফলটি ক্যানভাসের মাধ্যমে পুনরায় এনকোড হয়, EXIF ব্লক (যেকোনো GPS স্থানাঙ্কসহ) আউটপুট থেকে সরে যায়, যখনই আপনি ক্রপ করা ইমেজ শেয়ার করেন তখন একটি ছোট প্রাইভেসি জয়।

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

• ইমেজ রিসাইজার (সঠিক পিক্সেল)
• টার্গেট সাইজ (KB) পর্যন্ত কম্প্রেস করুন
• ইমেজ কম্প্রেসর (কোয়ালিটি দিয়ে)
• ইমেজ থেকে PDF