ওয়েবসাইট, ইমেইল ও সোশ্যাল মিডিয়ার জন্য ছবির মাপ
ওয়েব পেজ, লিংক প্রিভিউ, ইমেইল এবং প্রতিটি বড় সোশ্যাল প্ল্যাটফর্মের পিক্সেল মাপ ও অনুপাতের একটি রেফারেন্স টেবিল।
ভুল মাপে ছবি আপলোড করলে হয় ফলাফল ঝাপসা হয়, নয়তো মূল বিষয় কেটে যায়, অথবা পেজ ধীরে লোড হয়। এই রেফারেন্সে 2026 সালে কাজ করে এমন মাপগুলো একত্র করা হয়েছে, সঙ্গে যুক্তির ব্যাখ্যা, যাতে কোনো প্ল্যাটফর্ম নিয়ম বদলালে আপনি বুদ্ধিমানের মতো সিদ্ধান্ত নিতে পারেন।
দুটি মূলনীতি
দেখানোর মাপের সঙ্গে মেলান, উচ্চ ঘনত্বের স্ক্রিনের কথা মাথায় রেখে। বেশিরভাগ ফোন ও ল্যাপটপের স্ক্রিনে এখন প্রতিটি CSS পিক্সেলের জন্য দুই বা তিনটি আসল পিক্সেল থাকে। 600 CSS পিক্সেল চওড়া করে দেখানো একটি ছবি ধারালো দেখাতে 1,200 পিক্সেল চওড়া হওয়া উচিত। 2 গুণের বেশি গেলে ফাইলের আকার বাড়ে, কিন্তু চোখে পড়ার মতো কোনো লাভ হয় না।
পিক্সেলের সংখ্যার আগে অনুপাত ঠিক করুন। প্ল্যাটফর্মগুলো নিজে থেকেই তাদের পছন্দের অনুপাতে ক্রপ করে, আর স্বয়ংক্রিয় ক্রপে মাথা ও লোগো কেটে যায়। ক্রপ টুল দিয়ে নিজেই অনুপাত অনুযায়ী ক্রপ করুন, তারপর আকার বদলানোর টুল দিয়ে মাপ বদলান।
ওয়েবসাইটের ছবি
| ব্যবহার | প্রস্থ | অনুপাত | লক্ষ্য ফাইলের আকার |
|---|---|---|---|
| পূর্ণ প্রস্থের প্রধান ছবি | 1,920 px (খুব বড় স্ক্রিনের জন্য 2,560) | 16:9 বা 21:9 | WebP হিসেবে 300 KB-এর কম |
| কনটেন্ট / ব্লগের ছবি | 1,200 থেকে 1,600 px | 3:2 বা 16:9 | 150 KB-এর কম |
| কার্ড বা গ্রিডের থাম্বনেইল | 600 থেকে 800 px | পুরো গ্রিডে একই রকম | 60 KB-এর কম |
| পণ্যের ছবি | 1,200 থেকে 2,000 px | 1:1 বা 4:5 | 200 KB-এর কম; জুমের জন্য আরও বড় |
| লোগো (পিক্সেলভিত্তিক) | দেখানো মাপের 2 গুণ | ডিজাইন অনুযায়ী | PNG বা SVG |
| Open Graph / লিংক প্রিভিউ | 1,200 × 630 px | 1.91:1 | 300 KB-এর কম, JPG বা PNG |
| ফেভিকন | একটি .ico-তে 16, 32, 48, 64 px | 1:1 | খুবই ছোট |
| Apple touch icon | 180 × 180 px | 1:1 | PNG |
ইমেইল
ইমেইল অ্যাপ একটি নির্দিষ্ট প্রস্থে দেখায়, মেসেজের মূল অংশের জন্য সাধারণত 600 থেকে 640 পিক্সেল। 1,200 px চওড়া ছবি দিন (রেটিনার জন্য 2 গুণ) এবং পুরো মেসেজ মোটামুটি 1 MB-এর মধ্যে রাখুন; এর চেয়ে ভারী ইমেইল Gmail কেটে দেয় এবং মোবাইলে ধীরে খোলে। JPG বা PNG ব্যবহার করুন; ইমেইল অ্যাপে WebP-এর সমর্থন এখনো অনিশ্চিত। সাধারণ অ্যানিমেশনের জন্য GIF চলে।
সোশ্যাল মিডিয়া
| প্ল্যাটফর্ম | জায়গা | মাপ | অনুপাত |
|---|---|---|---|
| ফিড, লম্বালম্বি (সবচেয়ে বেশি রিচ) | 1,080 × 1,350 | 4:5 | |
| ফিড, বর্গাকার | 1,080 × 1,080 | 1:1 | |
| Stories / Reels কভার | 1,080 × 1,920 | 9:16 | |
| প্রোফাইল ছবি | 320 × 320 (বৃত্তের মধ্যে দেখায়) | 1:1 | |
| ফিডের ছবি | 1,200 × 630 বা 1,080 × 1,350 | 1.91:1 বা 4:5 | |
| পেজ কভার | 1,640 × 856 | ডেস্কটপে 820 × 312 হিসেবে দেখায় | |
| পোস্টের ছবি | 1,200 × 627 | 1.91:1 | |
| কোম্পানির ব্যানার | 1,128 × 191 | প্রায় 5.9:1 | |
| X (Twitter) | পোস্টের ছবি | 1,600 × 900 | 16:9 |
| X (Twitter) | হেডার | 1,500 × 500 | 3:1 |
| YouTube | থাম্বনেইল | 1,280 × 720 | 16:9, 2 MB-এর কম |
| YouTube | চ্যানেল ব্যানার | 2,560 × 1,440 (নিরাপদ এলাকা 1,546 × 423) | 16:9 |
| TikTok | ভিডিও কভার | 1,080 × 1,920 | 9:16 |
| পিন | 1,000 × 1,500 | 2:3 | |
| WhatsApp / Telegram | প্রোফাইল ছবি | 640 × 640 | 1:1 |
প্রতিটি সোশ্যাল প্ল্যাটফর্ম আপলোড করা ছবি আবার কম্প্রেস করে, সাধারণত প্রায় 75 থেকে 80 কোয়ালিটির JPG-তে। ওপরের ঠিক মাপে উচ্চ মানে (JPG 90 বা PNG) আপলোড করুন, এবং নিজের কম্প্রেশনের ওপর তাদের কম্প্রেশন চাপানোর বদলে শেষ কম্প্রেশনটি প্ল্যাটফর্মকে একবারই করতে দিন। প্রকাশের আগে পোস্টটি কেমন দেখাবে দেখতে পোস্ট মকআপ ব্যবহার করুন।
পূর্ণতার জন্য, প্রিন্ট
প্রিন্ট মাপা হয় প্রতি ইঞ্চিতে পিক্সেলে, মোট পিক্সেলে নয়। 300 ppi হলো মানদণ্ড: 6 × 4 ইঞ্চির ফটোর জন্য 1,800 × 1,200 px লাগে, একটি A4 পৃষ্ঠার জন্য 2,480 × 3,508 px, আর একটি A3 পোস্টারের জন্য 3,508 × 4,961 px। 150 ppi-এর নিচে যেকোনো কিছু প্রিন্টে স্পষ্টতই নরম দেখাবে। 95 কোয়ালিটির JPG বা লসলেস ফরম্যাট দিন।
একটি দ্রুত কাজের ধারা
- গন্তব্য যে অনুপাত চায়, সেই অনুপাতে ক্রপ করুন।
- টেবিলে দেওয়া প্রস্থে আকার বদলান, কখনো দেখানো মাপের 2 গুণের বেশি নয়।
- ওয়েবসাইটের জন্য WebP, ইমেইল ও সোশ্যাল মিডিয়ার জন্য JPG, আর স্বচ্ছতাসহ গ্রাফিক্সের জন্য PNG হিসেবে সেভ করুন।
- ফাইলের আকার দেখুন; লক্ষ্যের চেয়ে বেশি হলে মাপ ছোট না করে কোয়ালিটি কয়েক পয়েন্ট কমান।
চারটি ধাপই এই সাইটে করা যায়, ছবিটি কোথাও আপলোড না করেই।