কোয়ালিটি না হারিয়ে অনলাইনে ছবির সাইজ পরিবর্তন করবেন যেভাবে

ছবির সাইজ পরিবর্তন করা সহজ কাজ মনে হলেও ফলাফল অনেক সময় ঝাপসা, ভাঙা ভাঙা (পিক্সেলেটেড) বা অদ্ভুতভাবে টেনে লম্বা হয়ে যায়। রিসাইজ করার সময় কোয়ালিটি নষ্ট হওয়ার বেশিরভাগ কারণ দুর্ভাগ্য নয়, বরং কয়েকটি এড়ানো-যায়-এমন ভুল: ভুল দিকে রিসাইজ করা, ভুল ফরম্যাটে সেভ করা, অথবা ছবির আসল রেজোলিউশন উপেক্ষা করা। আমাদের অনলাইন ইমেজ এডিটর সরাসরি ব্রাউজারেই রিসাইজ করে এবং এই খুঁটিনাটি বিষয়গুলো নিজে থেকেই সামলে নেয়। তবে আসলে কী ঘটছে তা বুঝলে আপনি যে টুলই ব্যবহার করুন, পরিষ্কার ফলাফল পাবেন।

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

রিসাইজ করলে কেন ছবির কোয়ালিটি নষ্ট হয়

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

রিসাইজের আগে রেজোলিউশন ও পিক্সেল বুঝে নিন

পিক্সেল ডাইমেনশন আসলে কী নিয়ন্ত্রণ করে

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

অনলাইনে DPI কেন প্রায় গুরুত্বহীন

অনেকে ছবি রিসাইজের সময় DPI (ডটস পার ইঞ্চি) নিয়ে চিন্তা করেন, কিন্তু স্ক্রিনে দেখানো কিছুর ক্ষেত্রে এই সেটিং প্রায় কোনো কাজেই লাগে না। DPI একটি প্রিন্টের ধারণা, যা বোঝায় কাগজে কালি কতটা ঘন করে বসে। ওয়েব ব্রাউজার বা সোশ্যাল মিডিয়া অ্যাপ DPI পুরোপুরি উপেক্ষা করে, শুধু পিক্সেল ডাইমেনশন দেখে। ফিজিক্যাল প্রিন্টের জন্য ফাইল তৈরি না করলে পিক্সেলের প্রস্থ ও উচ্চতাই একমাত্র গুরুত্বপূর্ণ সংখ্যা।

ডাউনস্কেলিং বনাম আপস্কেলিং: দুটি একেবারে ভিন্ন সমস্যা

ছবি ছোট করা

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

ছবি বড় করা

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

ইন্টারপোলেশন এবং কেন কিছু রিসাইজ টুল বেশি ধারালো ফল দেয়

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

রিসাইজের পর সঠিক ফাইল ফরম্যাট বেছে নিন

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

ধাপে ধাপে অনলাইনে ছবির সাইজ পরিবর্তন

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

নির্দিষ্ট ব্যবহারের জন্য রিসাইজ

সোশ্যাল মিডিয়ার জন্য রিসাইজ

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

সোশ্যাল মিডিয়ার জন্য ভিডিও আপলোড করলেও একই নীতি প্রযোজ্য, কারণ সেখানেও প্ল্যাটফর্মগুলো নির্দিষ্ট ডাইমেনশন নির্ধারণ করে।

ওয়েব পেজ ও ব্লগের জন্য রিসাইজ

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

প্রিন্টের জন্য রিসাইজ

প্রিন্ট এমন কয়েকটি ক্ষেত্রের একটি যেখানে DPI সত্যিই গুরুত্বপূর্ণ, কারণ কাগজের একটি ভৌত মাপ আছে যার ওপর পিক্সেল বসাতে হয়। মানসম্পন্ন প্রিন্টের জন্য একটি প্রচলিত লক্ষ্য হলো চূড়ান্ত প্রিন্ট সাইজে প্রতি ইঞ্চিতে প্রায় তিনশো পিক্সেল, অর্থাৎ আট বাই দশ ইঞ্চি প্রিন্টের ছবিতে ছোট সোশ্যাল মিডিয়া থাম্বনেইলের ছবির চেয়ে উল্লেখযোগ্যভাবে বেশি পিক্সেল ডিটেইল লাগে। রিসাইজের আগে কাঙ্ক্ষিত প্রিন্ট সাইজ দেখে নিলে প্রিন্টার থেকে ঝাপসা, হতাশাজনক ছবি বের হওয়া এড়ানো যায়।

টেক্সট বা লোগো থাকা ছবি রিসাইজ করা

প্রকৃতির দৃশ্যের ছবি রিসাইজের ছোটখাটো ত্রুটি মোটামুটি ভালোভাবে লুকিয়ে রাখে, কিন্তু টেক্সট, লোগো বা লাইন আর্টের মতো তীক্ষ্ণ কিনারাযুক্ত ছবিতে কোয়ালিটি নষ্ট হওয়া অনেক বেশি স্পষ্ট হয়। প্রাকৃতিক দৃশ্যের ছবি সামান্য ঝাপসা হলে হয়তো চোখেই পড়বে না, কিন্তু লোগো বা ছবিতে বসানো টেক্সটে একই পরিমাণ ঝাপসা সঙ্গে সঙ্গে ধরা পড়ে, কারণ বিকৃত অক্ষর ও সোজা রেখার প্রতি মানুষের চোখ খুব সংবেদনশীল। টেক্সট বা লোগোসহ ছবি রিসাইজ করলে শুধু ছবিটি পুরো দেখার বদলে রিসাইজের পর ওই নির্দিষ্ট অংশে জুম করে দেখা ভালো, আর টেক্সট নরম বা এবড়োখেবড়ো লাগলে আউটপুটের মাপ একটু বাড়িয়ে নেওয়া উচিত। লোগো আছে এমন যেকোনো ছবির রিসাইজ-না-করা একটি কপি yourimageshare.com-এ আপলোড করে রাখলে প্রথম চেষ্টা নরম দেখালে সহজেই আবার গোড়া থেকে রিসাইজ করা যায়।

একই জুম লেভেলে আগে ও পরের তুলনা

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

কোয়ালিটি নষ্ট হওয়ার সাধারণ ভুলগুলো

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

একই কাজ বারবার না করে ব্যাচ রিসাইজ

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

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

শেষ কথা

কোয়ালিটি না হারিয়ে ছবির সাইজ বদলানো কয়েকটি অভ্যাসের ওপর নির্ভর করে: সম্ভব হলে বড় না করে ছোট করা, ছবিটি যেখানে ব্যবহার হবে সেই জায়গার সঙ্গে পিক্সেল ডাইমেনশন মেলানো, কাজের জন্য সঠিক ফরম্যাট বাছা, এবং একই ফাইল বারবার রিসাইজ না করা। এর কোনোটির জন্য বিশেষ প্রযুক্তিগত দক্ষতা লাগে না, শুধু চূড়ান্ত ফাইল এক্সপোর্টের আগে এক মুহূর্ত মনোযোগ দরকার, আর দামি সফটওয়্যারেরও প্রয়োজন নেই। আমাদের অনলাইন ইমেজ এডিটর সরাসরি ব্রাউজারেই রিসাইজ করে, আর একই এডিটরে ক্রপও করা যায় যদি ফ্রেমও ছেঁটে নিতে চান। ছবি তৈরি হয়ে গেলে yourimageshare.com-এ কোনো বাড়তি ঝামেলা ছাড়াই ফলাফলটি আপলোড করে শেয়ার করা সহজ।

একই এডিটরে টেক্সট ও ক্যাপশন যোগ এবং ক্রপও করা যায়, তাই আপলোডের আগেই আপনি একাধিক এডিট শেষ করে নিতে পারেন।