Advertisement
  1. Photo & Video
  2. Post-Processing

ফেসবুক JPEGকমপ্রেশনঃ কিভাবে আপনার টাইমলাইনে বেষ্ট ইমেজ কোয়ালিটি পাবেন

by
Read Time:3 minsLanguages:
This post is part of a series called Image Compression for Photographers.
Save For Web: Better JPEG Compression with Adobe Photoshop
Twitter JPEG Compression: How to Create the Best Quality Image for Your Feed

Bengali (বাংলা) translation by Arnab Wahid (you can also view the original English article)

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

ছবি আপলোডের গাইডলাইন

এই গাইডলাইন ফেসবুকেরই দেয়াঃ

facebook guidelinesfacebook guidelinesfacebook guidelines
ফেসবুকের ইমেজ আপলোড গাইডলাইন

দেখি গাইডলাইনে কি লেখা। আমরা একটি সাধারণ ইমেজ দিয়ে শুরু করব।

একটি রেগুলার ইমেজ টাইমলাইনে যেমন দেখায়

ফেসবুক সাধারণত 720px, 960px বা 2048px চওড়া ইমেজ আপলোড করতে সাজেস্ট করে। আর এই ইমেজের সাথে আমরা আগের ইমেজটি তুলনা করবঃ

example pictureexample pictureexample picture
উদাহরণের ছবিটি ফেসবুকে

ফেসবুকের সাজেশন দেয়া প্রতিটি ডাইমেনশনে এই ইমেজটি আমি সেইভ করেছি আপলোড করার জন্য; আপলোড করে আবার সেটা ডাউনলোড করেছি আগের ছবির সাথে সেটা মিলিয়ে দেখার জন্য।

প্রথম পার্থক্য যেটা চোখে পড়ে সেটা হচ্ছে ফাইল সাইজ। 960px সাইজের ছবিটি আপলোডের আগে 523kb ছিলো, যেটা আপলোডের পরে হয়ে যায় 86.9kb। এ থেকে বোঝা যায় ফেসবুক আপলোডের পরে ইমেজ কি পরিমান কম্প্রেস করে।

ফেসবুকে আপলোড করার পরে প্রতিটি ইমেজের ১০০% ভিউঃ

facebook compression comparisonfacebook compression comparisonfacebook compression comparison
ফেসবুকের সাজেস্ট করা ৩টি সাইজের একটার সাথে আরেকটার তুলনা

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

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

কভার ফটো

এই ছবিটি আমি কভার ফটো হিসেবে ব্যবহার করবঃ

example cover photoexample cover photoexample cover photo
এক্সামপল কভার ফটো

ফুল রেজোলিউশনে আপলোড করলে ( 7000px ওয়াইড ), এই জিনিষ হয়ঃ

facebook cover with compressionfacebook cover with compressionfacebook cover with compression
ফেসবুকের ফুল রেজোলিউশন কভার ফটো

যেটা একেবারেই ভালো না। ফেসবুকের রেকমেন্ডেড সাইজ হচ্ছে 851 x 315, সেটাই ট্রাই করে দেখিঃ

facebook cover with resized photofacebook cover with resized photofacebook cover with resized photo
ফেসবুকে আপলোডের পর সাইজ দাড়ায় 100kb

তাও কোয়ালিটিতে কিছু সমস্যা থেকেই যায়। যেখানে ফাইল সাইজ 300kb ছিলো, সেখানে ফেসবুক 100kb রেকমেন্ড করছে। তাই আডোবি ফটোশপে File > Save For Web (Control-Shift-Alt-S) ব্যবহার করে ফাইলের সাইজ ঠিক করে 100kb এর নিচে নিয়ে আসিঃ

save for websave for websave for web
Save For Web ব্যবহার করে ফাইলের সাইজ 100kb এর নিচে নিয়ে আসা
facebook cover under 100kb and resizedfacebook cover under 100kb and resizedfacebook cover under 100kb and resized
851 x 135 সাইজের কভার ফটোর লাইফ সাইজ 100kb

দেখা যাচ্ছে, এটাই এই পর্যন্ত পাওয়া সবচেয়ে ভালো ইমেজ কোয়ালিটি। মাঝেমধ্যে দেখা যায় JPEG ফরম্যাটের পরিবর্তে PNG ফরম্যাটের ইমেজ ব্যবহার করলে একটু বেশি ভালো কোয়ালিটি পাওয়া যায়, কিন্তু আগেই বলেছি, ওই ফাইলের সাইজের উপরেই সব নির্ভর করে। তাই, ফাইলের সাইজ 100kb এর নিচে রাখাই আসল ব্যাপার।

সারমর্ম

যা মনে রাখতে হবেঃ

টাইমলাইনে বেষ্ট কোয়ালিটি ইমেজ পাওয়ার জন্যঃ

  • বড় সাইজের ইমেজ আপলোড
  • ফাইল ম্যাক্সিমাম কোয়ালিটিতে সেভ করা।
  • লেখা সহ ইমেজ PNG ফরম্যাটে সেভ করা (যেমন লোগো)

বেষ্ট কভার ফটো কোয়ালিটির জন্যঃ

  • ইমেজ 851 x 315 সাইজে রিসাইজ করা
  • Save For Web অপশন ব্যবহার করে ফাইলের সাইজ 100kb এর নিচে নিয়ে আসা
  • JPEG ও PNG দুই ফরম্যাট ব্যবহার করে দেখা কোনটায় ভালো দেখা যায়

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

Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.