ابعاد و فرمت‌های استاندارد شبکه‌های اجتماعی؛ جدول کامل و به‌روز
دیگر کاور بریده‌شده و لوگوی پنهان‌شده نداشته باشید: ابعاد استاندارد پست، ریلز و استوری اینستاگرام، یوتیوب، لینکدین، ایکس و تلگرام + مناطق امن، فرمت فایل و سیستم قالب شخصی.
کاوری که با دقت طراحی کرده‌اید را آپلود می‌کنید و نتیجه: متن اصلی از بالا و پایین بریده شده، لوگو زیر دکمه‌ها گم شده و در نسخهٔ موبایل، همه‌چیز نصف دیده میشود. اگر این تجربه را دارید، مشکلتان خلاقیت نیست؛ ابعاد و نسبت درست است. هر پلتفرم تصویر را با منطق خودش برش می‌زند و تنها راه مصون‌ماندن، دانستن چند عدد کلیدی و ساختن یک سیستم ساده است که دیگر لازم نباشد آن‌ها را حفظ کنید.
چرا اندازهٔ تصویر این‌قدر تعیین‌کننده است؟
- برش خودکار: شبکه‌های اجتماعی، تصویر را برای پیش‌نمایش‌های مختلف (فید، گرید پروفایل، نتایج جست‌وجو) خودشان برش می‌زنند؛ اگر عناصر مهم لبه‌ها باشند، اولین قربانی همین برش‌ها هستند.
- فشرده‌سازی: فایل‌های خیلی سنگین یا با فرمت نامتعارف، دوباره فشرده می‌شوند و متنِ ریزِ شما اولین جایی است که «آجر‌آجری» میشود.
- اولین برخورد: در فید شلوغ، تصمیم مخاطب در کسری از ثانیه و بر پایهٔ پیش‌نمایش گرفته میشود؛ تصویرِ نصفه‌ونیمه یعنی همان کسری از ثانیه را از دست داده‌اید. برای اینکه در این برخورد اول چه چیزی بگذارید، طراحی تامبنیل که کلیک می‌گیرد را از دست ندهید.
اینستاگرام: پست، کاروسل، استوری و ریلز
| فرمت | ابعاد (پیکسل) | نسبت | نکته |
|---|---|---|---|
| پست عمودی (پیشنهادی) | ۱۰۸۰×۱۳۵۰ | ۴:۵ | بیشترین فضا را در فید می‌گیرد |
| پست مربع | ۱۰۸۰×۱۰۸۰ | ۱:۱ | امن‌ترین انتخاب همیشگی |
| پست افقی | ۱۰۸۰×۵۶۶ | ۱٫۹۱:۱ | کمترین دیده‌شدن در فید |
| استوری و ریلز | ۱۰۸۰×۱۹۲۰ | ۹:۱۶ | تمام‌صفحهٔ موبایل |
| کاور ریلز | ۱۰۸۰×۱۳۵۰ | ۴:۵ | به‌جای فریم ویدیو، کاور جدا طراحی کنید |
| عکس پروفایل | ۳۲۰×۳۲۰ | ۱:۱ | دایره‌ای برش می‌خورد؛ گوشه‌ها خالی بماند |
- گرید پروفایل: پیش‌نمایش پست‌ها در صفحهٔ پروفایل به‌صورت مربع (و در نسخه‌های جدید عمودی) نشان داده میشود؛ متن و لوگو را در ناحیهٔ مرکزی مربع نگه دارید تا در هیچ حالتی برش نخورد. چیدمان کلّی را در طراحی گرید پروفایل اینستاگرام بخوانید.
- ناحیهٔ امن ریلز و استوری: نوار پایین (حدود ۲۵۰ پیکسل) و نوار سمت راست (حدود ۱۲۰ پیکسل) زیر آیدی، کپشن و دکمه‌های تعامل پنهان می‌شوند؛ متن اصلی را از این دو ناحیه دور نگه دارید. اگر با فرمت وایرال این دو فرمت کار می‌کنید، چیدمان کاور و متن را از همان اول با ساخت ریلز وایرال در پنج گام هماهنگ کنید.
یوتیوب، لینکدین، ایکس و تلگرام
| پلتفرم | فرمت | ابعاد (پیکسل) | نکته |
|---|---|---|---|
| یوتیوب | بندانگشتی ویدیو | ۱۲۸۰×۷۲۰ | نسبت ۱۶:۹، حجم زیر ۲ مگابایت |
| یوتیوب | بنر کانال | ۲۵۶۰×۱۴۴۰ | ناحیهٔ امن میانی ۱۵۴۶×۴۲۳ |
| لینکدین | تصویر پست | ۱۲۰۰×۶۲۷ | متن پست را داخل تصویر تکرار نکنید |
| لینکدین | بنر پروفایل | ۱۵۸۴×۳۹۶ | در موبایل فقط ناحیهٔ وسط دیده میشود |
| ایکس (توییتر) | تصویر پست | ۱۶۰۰×۹۰۰ | نمایش بدون برش در تایم‌لاین |
| ایکس | هدر پروفایل | ۱۵۰۰×۵۰۰ | ناحیهٔ عکس پروفایل را در نظر بگیرید |
| تلگرام | تصویر پست | ۱۲۸۰×۷۲۰ | فشرده‌سازی تلگرام با متن ریز بدهکار است |
قاعدهٔ مشترک: در همهٔ پلتفرم‌ها، تصویر را طوری طراحی کنید که حتی اگر از چهار طرف ۱۰٪ برش بخورد، پیام اصلی سالم بماند؛ این «قانون حاشیهٔ امن» از حفظ‌کردن جزئیات برش هر پلتفرم کاربردی‌تر است.
فرمت فایل: JPG، PNG، WebP و MP4
- JPG: پیش‌فرض عکس؛ حجم کم و کیفیت خوب. برای کاورهایی که متنِ درشت ندارند بهترین انتخاب است.
- PNG: وقتی متن ریز، لوگو، خطوط تیز یا پس‌زمینهٔ شفاف دارید؛ حجم بیشتر اما لبه‌های تمیز.
- WebP: کیفیت PNG با حجم نزدیک به JPG؛ پشتیبانی‌اش این روزها تقریباً همه‌جا هست اما برای آپلود مستقیم به بعضی پلتفرم‌ها هنوز JPG امن‌تر است.
- ویدیو (MP4 با کدک H.264): برای ریلز و استوری، خروجی ۱۰۸۰×۱۹۲۰ با نرخ فریم ۳۰، تعادل خوبی از کیفیت و حجم است. برای تنظیمات دقیق‌تر خروجی، خروجی گرفتن مناسب برای هر پلتفرم را بخوانید.
به‌روز بمانید بدون حفظ‌کردن اعداد
- از قالب‌های استاندارد شروع کنید: ابزارهایی مثل Canva و Figma قالب آمادهٔ هر فرمت با ابعاد روز دارند؛ وقتی قالب درست انتخاب شود، نصف دغدغهٔ اعداد حذف میشود.
- یک فایل مادر، چند خروجی: کاور را روی بوم عمودی ۱۰۸۰×۱۳۵۰ طراحی کنید و از همان، نسخه‌های مربع و افقی را با جابه‌جایی حداقلی عناصر بسازید؛ طراحی از صفر برای هر پلتفرم، خستگی‌آور و ناسازگار است.
- قبل از کمپین چک کنید، نه بعد: پلتفرم‌ها هر از چندی ابعاد را عوض می‌کنند؛ سه دقیقه سرچ پیش از شروع یک کمپین مهم، از بازطراحی ده‌ها تصویر بعد از انتشار ارزان‌تر است.
- تست انتشار: قبل از انتشار نهایی، پیش‌نمایش را در حالت موبایل و در صفحهٔ پروفایل ببینید؛ بسیاری از برش‌ها فقط همان‌جا معلوم می‌شوند. برای متنِ روی تصویر، قواعد تایپوگرافی فارسی برای وب را رعایت کنید تا در اندازهٔ کوچک هم خوانا بماند.
سؤالات پرتکرار
چرا تصویر من در گوشیهای مختلف متفاوت نمایش داده میشود؟
بهخاطر تفاوت نسبت صفحه، تراکم پیکسل و برشِ تطبیقی هر اپلیکیشن. راهحل، ساختن تصویر با ابعاد استاندارد همان فرمت و رعایت حاشیهٔ امن است، نه ساختن نسخهای برای «همهٔ گوشیها»؛ استاندارد یعنی همان چیزی که اپلیکیشن انتظارش را دارد.
میشود یک تصویر را برای همهٔ پلتفرم‌ها استفاده کنم؟
یک فایل مادر بله، یک فایل نهایی نه. بوم ۱۰۸۰×۱۳۵۰ را مبنا قرار دهید و برای هر پلتفرم نسخهٔ مربوط به همان فرمت را از روی مادر بسازید؛ فقط فرمت عمودی ۹:۱۶ (استوری و ریلز) معمولاً چیدمان جداگانه می‌خواهد، چون نسبتش با بقیه به‌کل متفاوت است.
برای پست، PNG بهتر است یا JPG؟
اگر تصویرتان عکس است و متن ندارد، JPG با حجم کمتر. اگر متن، لوگو یا گرافیک تیز دارد، PNG؛ چون فشرده‌سازی JPG دقیقاً روی لبه‌های متن اثر می‌گذارد و خوانایی را کم می‌کند. اگر متن اصلی پیام شماست، اصلاً تصویر را به متنِ ساده و خوانا در کپشن هم تکیه بدهید؛ همیشه بخشی از مخاطب، تصویر را دانلودنکرده و کند می‌بیند.
پیشنهاد برای ادامهٔ مطالعه
اگر این مطلب برایتان مفید بود، این‌ها را هم از دست ندهید:
آموزش فیگما از صفر؛ هر چیزی که برای شروع طراحی لازم دارید تفاوت UI و UX؛ دو دنیای متفاوت که یک محصول را می‌سازند روندهای طراحی ۲۰۲۶؛ چه چیزی می‌ماند و چه چیزی می‌رود؟ نوشتن کیس‌استادی پورتفولیو؛ طراحی‌هایی که استخدام می‌کنند ترکیب‌بندی تصویر برای شبکه‌های اجتماعی؛ قاب‌هایی که می‌ایستند
آخرین بازبینی تحریریه: ۱ آبان ۱۴۰۵
این مطلب برایتان مفید بود؟
با پسندیدن، به ما کمک می‌کنید مطالب بهتری منتشر کنیم.
