শত শত ছবি রিসাইজ, অপটিমাইজ করুন মাত্র কয়েক মিনিটে -ফটোশপ টিপস

ডিজিটাল ক্যামেরায় তুলেছেন এরকম আপনার শত শত ছবি আছে যার সাইজ খুবই বড়। আপনি চাচ্ছেন ছবিগুলো ওয়েবাসইেট আপলোড করবেন। সাধারণত ডিজিটাল ক্যামেরায় তুলা ছবিগুলো কয়েক MB হয়ে থাকে এবং রেজ্যুলেশনও অনেক বেশি হয় যা ওয়েবসাইটে কোন কাজে আসে না। একবার ভাবুনতো ছবিগুলো রিসাইজ করে আপলোডের উপযুক্ত করতে বা ছোট করতে আপনার কত সময় লাগবে। নিশ্চয় অনেক বেশি? অথবা একটি টিউটোরিয়াল তৈরি করেছেন যাতে অনেকগুলো স্ক্রীনশট (Print Screen) দিতে হবে। আর ওয়েবসাইটের উপযু্ক্ত করার জন্য ছবিগুলোকে অপটিমাজই/রিসাইজ করা দরকার। কি করবেন তখন? একটা একটা রিসাইজ করবেন? না, একটু বুদ্ধি খাটিয়ে ফটোশপে তা পারবেন মাত্র কয়েক মিনিটে।

কিভাবে করবেনঃ
যে ছবিগুলো রিসাইজ/অপটিমাইজ করবেন তা প্রথমে একটি ফোল্ডারে রাখুন। আমি ডেস্কটপে Beach ফোল্ডারে আমার অনেকগুলো ছবি রেখেছি। সেগুলোকে রিসাইজ আর অপটিমাইজ করবো। নতুন একটি ফোল্ডার খুলোন যেটাতে আপনার রিসাজই/অপটিমাইজ করা ছবিগুলো রাখবেন। এতে আপনার অরজিনাল ছবিগুলো থেকে যাবে এবং নতুন ছবিগুলো ঐ ফোল্ডারে জমা হবে। আমি ডেস্কটপে Optimize Images নামে একটি ফোল্ডার খোলেছি। নতুন ছবিগুলো ঐ ফোল্ডারে রাখবো।
(ক)Photoshop রান করুন (আমার টিউটোরিয়ালে আমি ভার্সন 7.0 ব্যবহার করেছি। ভার্সনভেদে স্ক্রীনশটে একটু পার্থক্য থাকতে পারে)। আপনার ছবিগুলো থেকে প্রথম বা যেকোন একটি ছবি ওপেন করুন। আমি আমার  Beach ফোল্ডার থেকে প্রথম ছবিটি ওপেন করেছি।
ছবিটি বড় করার জন্য ছবির উপর ক্লিক করুন
(খ) ডানপাশের Plate থেকে Actions Plate এ যান। খোলা না থাকলে Window>Actions মেন্যুতে ক্লিক করুন বা কী-বোর্ড থেকে F9 চাপুন। Actions Plate থেকে নিচের দিকে Create New Set এ ক্লিক করুন।
ছবিটি বড় করার জন্য ছবির উপর ক্লিক করুন

(গ) ছোট্ট উইন্ডো আসবে তাতে একটি নাম দিন। আমি Kamrul Image দিয়েছি। ডিফল্ট নামটি দিলেও সমস্যা নেই। নাম দেয়ার পর OK দিন। OK দেয়ার আগে একবার দেখে নিন কি নামে OK হচ্ছে।

ছবিটি বড় করার জন্য ছবির উপর ক্লিক করুন

(ঘ) এবার একই PlateCreate New Action এ ক্লিক করুন।

ছবিটি বড় করার জন্য ছবির উপর ক্লিক করুন

ছোট্ট উইন্ডো আসবে তাতে একটি নাম দিন। আমি নাম পরিবর্তন না করে ডিফল্ট নামটি রেখেদিয়েছি। নাম দেয়ার পর Record এ ক্লিক করুন। Record এ ক্লিক করার আগে একবার দেখে নিন কি নামে Record হচ্ছে।

ছবিটি বড় করার জন্য ছবির উপর ক্লিক করুন
Record এ ক্লিক করার পর ওপেন করা ছবিতে আপনি যা যা ডিজাইন করবেন বা কাজ করবেন তা সব রেকর্ড হতে থাকবে এবং পরবর্তীতে এফেক্টগুলো বিভিন্ন দিকে প্রয়োগ করতে পারবেন।
বিঃদ্রঃ (গ) ও (ঘ) স্টেপে আগের দেয়া নাম থাকলে তা নিচের মত মাউস দিয়ে ধরে ড্রাগ করে মুছে দিন। না হয় নতুনদের জন্য একটু ঝামেলা হতে পারে।
(ঙ) আমাদের উদ্দেশ্য যেহেতু ছবিকে রিসাইজ আর অপটিমাইজ করা তাই আমরা File>Save for Web... (Alt+Shift+Ctrl+S) এ ক্লিক করবো।
ছবিটি বড় করার জন্য ছবির উপর ক্লিক করুন

Save for Web... এ ক্লিক করার পর নিচের মত আসবে। ওখানে বেশ কিছু সেটিংস আছে। নিচের বর্ণনাগুলো পড়ুন আর নিজের মত সেটিংস করে নিন।

ছবিটি বড় করার জন্য ছবির উপর ক্লিক করুন
০। Save for Web... ক্লিক করার পর এ অপশনটিতেই ডিফল্ট থাকে এবং এটিতেই রাখুন।
১। এখানে আপনার ছবিটি কোন ফরমেটে রাখতে চান তা দিন এবং তা কোন লেভেলে রাখবেন তা সেট করুন। আমি JPG, High দিয়েছি। এগুলো পরিবর্তনে আপনার ছবির সাইজ বাড়তে/কমতে পারে।
২। ছবিকে Optimize করার জন্য এখানে ক্লিক করুন।
৩। এখানে ছবির Quality কত দেবেন তা ঠিক করুন। এর উপর ছবির সাইজ বাড়তে/কমতে পারে।
৪। এখানে আপনার ছবির Resolution সেট করতে পারেন। আপনি Width সেট করলে Height অটোমেটিক সেট হবে কিংবা Height সেট করলে Width অটোমেটিক সেট হবে এবং এর উপর ছবির সাইজ বাড়তে/কমতে পারে। Height/Width সেট করার পর Apply দিন।
৫। Height এবং Width সেট না করে Percent নির্ধারণ করে দিতে পারেন। এতে Height আর Width অটোমেটিক সেট হবে। এটাই ভাল। Percent সেট করার পর Apply দিন।
৬। এখানে Quality হিসেবে Smooth দিন। এতে ছবির মান ভাল হবে।
৭। এ অপশনটির মাধমে ছবিটি ব্রাউজারে কি রকম দেখাবে তা দেখতে পারেন। প্রয়োজনে ব্রাউজ করে পিসিতে যত ব্রাউজার ইনস্টল করা আছে সবগুলো দিয়ে টেস্ট করে নিতে পারেন। যদিও তার প্রয়োজন নেই। তারপরও মন চায়লে করতে পারেন।
৮। ছবি যখন বড় হবে তখন প্রিভিউতে হয়তো পুরোটা দেখা যাবে না। তাই এখানে Zoom সেট করে নিতে পারেন। আমার ছবিটা বড় তাই 50% Zoom দিয়ে দেখলাম।
৯। সবশেষে Save এ ক্লিক করুন।

(চ)Save এ ক্লিক করার পর ছবিটি কোথায় সেভ করবেন তার জন্য উইন্ডো আসবে। আমি পূর্বে তৈরি করা Optimize Images নামক ফোল্ডারে সেভ করবো। ছবিটির নাম পরিবর্তন করি নি। যেরকম আছে সেরকমই থাকবে।

ছবিটি বড় করার জন্য ছবির উপর ক্লিক করুন
(ছ) এবার Actions Plate থেকে Stop বাটনে ক্লিক করুন। এতে এতক্ষণ ধরে আমরা যেসব সেটিংস রেকর্ড করতেছি তা বন্ধ হবে।
 (জ)File>Automate>Batch... এ ক্লিক করুন।
ছবিটি বড় করার জন্য ছবির উপর ক্লিক করুন

Batch উইন্ডো আসবে নিচের মত। নিচের বর্ণনাটি পড়ুন এবং সেভাবে কাজ করুন।

ছবিটি বড় করার জন্য ছবির উপর ক্লিক করুন
১। এখানে (গ) নাম্বারে দেয়া নামটি দিতে হবে। ডিফল্ট হিসেবে থাকতে পারে। না থাকলে সেট করে দিন।
২। এখানে (ঘ) নাম্বারে দেয়া নামটি দিতে হবে। ডিফল্ট হিসেবে থাকতে পারে। না থাকলে সেট করে দিন।
৩। আপনার অরজিনাল ছবিগুলো যে ফোল্ডারে আছে Choose থেকে ব্রাউজ করে তা দেখিয়ে দিন।
৪। নতুন ছবিগুলো কোন ফোল্ডারে সেভ হবে তা Choose থেকে ব্রাউজ করে দেখিয়ে দিতে হবে। আমি Optimize Images নামক ফোল্ডারে সেভ করবো। আপনিও নিশ্চয় ফোল্ডারটি আগে তৈরি করে রেখেছেন।
৫। এখানে টিক মার্ক দিন।
৬। এটি ডিফল্ট রেখে দিন। এতে আমাদের ছবির অরজিনাল নামটি থেকে যাবে। অপটিমাইজ হওয়ার পর খোঁজে পেতে সুবিধা হবে।
৭। এটি ডিফল্ট রেখে দিন। এতে আমাদের দেয়া ফরমেট অনুযায়ী ছবিগুলো সেভ হবে।
(ঝ) সবশেষে OK দিন। Replace করার কমান্ড আসতে পারে। Replace দিন।

তাহলে প্রসেসিং শুরু হবে। আপনি শুধু অপেক্ষা করে দেখুন। একটির পর একটি ছবি আসতে থাকবে। কাজ শেষ হলে ছবি আসা বন্ধ হয়ে যাবে। এবার নতুন ফোল্ডারে ছবিগুলো টেস্ট করে দেখুন।

আমার পোষ্টটি পড়ে কাজটি অনেক কঠিন মনে হতে পারে। কিন্তু দু/একবার করে দেখুন। কাজটি আসলে অনেক সহজ। নতুন ইউজাররাও সহজে পারবে। এতে ভবিষ্যতে এ ধরনের কাজ করা আপনার জন্য খুবই সহজ হবে।

Level 2

আমি Kamrul Cox। , Chittagong। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 14 বছর 10 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 70 টি টিউন ও 645 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 5 ফলোয়ার আছে এবং আমি টেকটিউনসে 1 টিউনারকে ফলো করি।

অসহায়দের সাহায্যে এগিয়ে আসুন।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

ধন্যবাদ কামরুল ভাই। কেমন আছেন আপনি?

ভাই আপনি জটিল একটি টিউন করেছেন। নতুনদের জন্য আরো সহজ ভাবে টিউন করবেন তাহলে যারা নতুন তারা ভাল ভাবে বুঝতে পারবেন। সর্বশেষে আপনার জীবন উজ্জল হউক।

ধন্যবাদ।

কামরুল ভাই ধন্যবাদ এত সুন্দর একটি পোষ্ট দেওয়ার জন্য।

সুন্দর !

ধন্যবাদ ভাই

চমৎকার অনেক ধন্যবাদ

ধন্যবাদ । অনেক কাজের জিনিস ।

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

    Level 2

    @ওয়াহিদ: ওয়াহিদ ভাই ধন্যবাদ আপনাকে। আপনারটাও পোষ্টটিও দিয়ে দেন। আমরা শিখতে চাই। আপনার পোষ্ট থেকে অবশ্যই নতুন জ্ঞান পাবো।

Level 0

চমৎকার অনেক ধন্যবাদ

kamrul bhi…. GOM oihe….

Level 0

Optimize মানে কী Compress করা বোঝায় ? (Image-এর Size(KB) কমবে )

    Level 2

    @Tanjamin: Optimize করে ছবির সাইজ (KB) কমানো যায়।

Level 0

ভাই, আমি ফটোশপে তেমন কিছু পারিনা। তাই, ১টা প্রশ্ন ছিল, ২০০০x২০০০ এর কোন ছবিকে কোয়ালিটি অক্ষুণ্ণ রেখে ১০০x১০০ এ তে রিসাইজ করা কিংবা ১০০x১০০ এর কোন ছবিকে কোয়ালিটি অক্ষুণ্ণ রেখে ২০০০x২০০০ এ রিসাইজ করা কি সম্ভব ফটোশপে?

    @dolar: ২০০০*২০০০ পিক্সেলের ছবিকে কোয়ালিটি অক্ষুণ্ণ রেখে ১০০*১০০ তে আনতে হলে তাকে স্কেলিং করা বলা হয়, আর রিসাইজ করলেও কোয়ালিটি অক্ষুণ্ণ থাকবে এবং এটি শুধু ফটোশপ না, আপনি MS Paint দিয়েও কাজটা করতে পারবেন। বর্তমানে যেসব ফ্রি ছোট ছোট ড্রয়িং সফটওয়্যার পাওয়া যায় তাতে রিসাইজিং/রিস্কেলিংয়ের সুবিধা দেওয়াই থাকে।

    ১০০*১০০ পিক্সেলের বিটম্যাপ ছবিকে যদি ২০০০*২০০০ এ স্কেলিং করেন তাহলে ছবি ফেটে যাবে, এবং শুধু ফটোশপই না সকল শপেই ফাটবে 😆 । তবে একটা কথা আছে, ভেক্টর গ্রাফিক্সকে [যেমন svg] টেনেটুনে যত বড়ই করুন আর যত ছোটই করুন কোয়ালিটির একটুও পরিবর্তন হবে না [100% Guaranteed]। svg এর সুবিধা হল একে পছন্দমত রেজোলিউশনে এনে বিটম্যাপে কনভার্ট করা যায়। বিটম্যাপ হল এই ফরম্যাটগুলো: tiff, png, jpg, jpeg, gif, … … আর স্কেলেবল ভেক্টর গ্রাফিক্স হল এগুলো: svg, svgz, plain svg, inkscape svg.. .. । এগুলো নিয়ে ইচ্ছামত টানাটানি করা যায় কোয়ালিটির কিছু না করেই।

    svg বানানো যায় এডোবি ইলাস্ট্রেটরে, যা অনেক ভারী আর প্রিমিয়াম। একই কাজ Inkscape এও করা যায়, [হুবহু] এবং এটি হল ফ্রি এবং একইসাথে ওপেনসোর্স সাইজেও ছোট, প্রায় ৪৬ মেগাবাইট। আপনি svg এবং Inkscape সম্পর্কে জানতে চাইলে আমার এই টিউনটি দেখুন।

    ধন্যবাদ ডলার ভাই।

    @কামরুল ভাই, কিছু মনে নিয়েন না আপনার টিউনে কমেন্ট করলাম বলে

      Level 2

      @নিওফাইটের রাজ্যে: খুব দারুন কিছু তথ্য দিয়েছেন যা জানা ছিল না। এ জন্যই লোকে বলে “জ্ঞানীদের সাথে থাকলে বোকারাও জ্ঞানী হয়।” আপনাকে অসংখ্য ধন্যবাদ।

        @Kamrul Cox: ভাই কি যে বলেন না?! 😳 , সবাই সব নাও জানতে পারে তাই বলে আমি জ্ঞানী না আর আপনিও বোকা নন। 😆
        নতুন কিছু জানাতে পেরে ভাল লাগল। ধন্যবাদ 🙂

      Level 0

      @নিওফাইটের রাজ্যে: আমি আসলে রিসাইজ করার ক্ষেত্রে ফটোশপের ইমেজ অপশনে গিয়ে ওখানে Height আর width পরিবর্তন করে দেই শুধু। মূল ছবির সাথে রিসাইজকৃত ছবির Height আর width এর পার্থক্য অনেক বেশি হলে মনে হয় কোয়ালিটি একটু নস্ট হয় এভাবে করলে।

        @dolar: ভাই, রিসাইজিংয়ে কোয়ালিটির পরিবর্তন হবেই। রিস্কেলিংয়ে নয়। আপনি যে কাজটা করেছেন সেটা রিস্কেলিং অর্থাৎ শুধু Dimension Change, কিন্তু রিসাইজিং বলতে বোঝায় Size change বা Kilobyte Change [বোঝার জন্য বললাম]। শুধু উইডথ এবং হাইট বদলালেও পিক্সেল সংখ্যা সমান থাকে কিন্তু পিক্সেল ডেনসিটির পরিবর্তন ঘটে। সেকারণে বড় ছবি ছোট করলেও দেখতে ভাল লাগে কিন্তু ছোট ছবি বড় করলে দেখতে খারাপ লাগে।

        উইডথ এবং হাইট এর বদলানোর কারণে যেটা হয় Aspect Ratio এর পরিবর্তন ঘটে তাই দেখতে ভাল লাগে না। যেমন: আপনার কম্পিউটারের মনিটরের রেজোলিউশন যদি হয় 1024*768 তবে আপনার মনিটরের Aspect Ratio 4:3 তে দেখতে সবচেয়ে ভাল লাগবে।
        তাই আপনি যে কাজটা করলেন তাতে কিন্তু রিস্কেলিং হয়, রিসাইজিং হয় না
        রেজোলিউশন নিয়ে আমার একটি টিউন অর্ধসমাপ্ত আছে। সময় পেলে সম্পূর্ণ লিখে টিউন করব। তাহলে স্কেলিং, রিসাইজিং, পিক্সেল, পিক্সেল ডেনসিটি নিয়ে আর সমস্যা থাকবে না। 🙂
        ধন্যবাদ। 😀

          Level 0

          @নিওফাইটের রাজ্যে: ভাই, আপনাকে ধন্যবাদ অনেক কিছু জানানোর জন্য। আপনার সেই অপ্রকাশিত সম্পূর্ণ টিউনটির অপেক্ষায় রইলাম।