طرحی که روی مانیتور بینقص بود، در اینستاگرام از دو طرف بریده میشود، متنش زیر نام کاربری میرود و لوگو نصفه میماند. تقریباً همیشه دلیلش یکی است: فایل با ابعاد اشتباه ساخته شده، یا با ابعاد درست ولی بدون در نظر گرفتن نواحیای که رابط کاربری اپلیکیشن رویشان مینشیند.
این راهنما ابعاد استاندارد پست، استوری، ریلز و کاور اینستاگرام را جمع کرده، بهعلاوه قواعدی که فایل را از بریده شدن و افت کیفیت نجات میدهد.
ابعاد پایه
اینستاگرام همه چیز را به عرض ۱۰۸۰ پیکسل میرساند. پس عرض ثابت است و آنچه تغییر میکند ارتفاع است:
- پست مربع: ۱۰۸۰ × ۱۰۸۰ (نسبت ۱:۱). امنترین و قابل پیشبینیترین گزینه.
- پست عمودی: ۱۰۸۰ × ۱۳۵۰ (نسبت ۴:۵). بلندترین حالت مجاز برای پست و بیشترین فضای اشغالی در فید — به همین دلیل برای محتوای تبلیغاتی معمولاً بهتر جواب میدهد.
- پست افقی: ۱۰۸۰ × ۵۶۶ (نسبت ۱.۹۱:۱). کمترین فضا را میگیرد؛ فقط وقتی استفاده کنید که تصویر ذاتاً پانوراماست.
- استوری و ریلز: ۱۰۸۰ × ۱۹۲۰ (نسبت ۹:۱۶). تمامصفحه.
یک نکته که کار را ساده میکند: اگر یک طرح میخواهید هم در فید و هم در استوری منتشر شود، عناصر اصلی را در یک مربع مرکزی نگه دارید و بعد دو خروجی جدا بگیرید. بزرگ کردن یک طرح ۱:۱ به ۹:۱۶ با کشیدن، نتیجهاش همیشه بد است.
نواحی امن؛ مهمتر از خود ابعاد
ابعاد درست کافی نیست، چون بخشهایی از تصویر زیر رابط کاربری اپلیکیشن میمانند.
در استوری و ریلز
بالای کادر، عکس پروفایل و نام کاربری و زمان مینشیند. پایین کادر، فیلد پاسخ و دکمهها. در ریلز، سمت کناری هم آیکونهای لایک و کامنت و اشتراکگذاری قرار میگیرد و کپشن از پایین بالا میآید.
قاعده عملی: حدود ۲۵۰ پیکسل از بالا و ۲۵۰ پیکسل از پایین را خالی نگه دارید و در ریلز، نوار کناری راست را هم حساب کنید. هر متن مهمی باید در همان مستطیل میانی بنشیند.
در پست
خود تصویر بریده نمیشود، ولی در نمای شبکهای پروفایل، پستها بهصورت مربع (و در نسخههای جدیدتر گاهی عمودی) پیشنمایش داده میشوند. پس اگر طرح ۴:۵ ساختهاید، بررسی کنید در برش مربعی هم منطقی به نظر برسد.
کیفیت؛ چرا فایل شما تار میشود
اینستاگرام همه تصاویر را دوباره فشرده میکند. کاری نمیشود کرد، ولی میشود ورودی را طوری آماده کرد که خروجی کمترین آسیب را ببیند:
- دقیقاً با عرض ۱۰۸۰ پیکسل خروجی بگیرید. فایل بزرگتر توسط اپلیکیشن کوچک میشود و همان مرحله بیشترین افت را ایجاد میکند. فایل کوچکتر هم بزرگ میشود و بدتر.
- فضای رنگی sRGB. این تنها موردی است که با چاپ فرق دارد — برای وب و شبکه اجتماعی هرگز CMYK نفرستید، رنگها مات و بیجان میشوند.
- PNG برای طرحهای تخت و متندار، JPG با کیفیت بالا برای عکس. گرادیانهای نرم در JPG بیشتر دچار نویز بلوکی میشوند.
- متن ریز نگذارید. متن زیر حدود ۲۴ پیکسل بعد از فشردهسازی لبههایش خراب میشود و روی موبایل هم خوانده نمیشود.
- ویدئو را با نرخ بیت معقول خروجی بگیرید و برای ریلز، کاور را جداگانه طراحی کنید نه اینکه فریمی تصادفی انتخاب شود.
طراحی برای فیدی که با انگشت رد میشود
مخاطب کمتر از یک ثانیه تصمیم میگیرد بایستد یا رد کند. چند قاعده که در عمل جواب میدهند:
- یک پیام در هر طرح. پستی که همزمان تخفیف، افتتاحیه و معرفی محصول را میگوید، هیچکدام را نمیرساند.
- کنتراست بالا. فید شلوغ است؛ طرح کمکنتراست در آن گم میشود.
- عدد را بزرگ کنید. در پست تخفیف، بزرگترین عنصر باید خودِ درصد باشد. قالب حراج بزرگ ۲۵ درصد و قالب سوپر سیل پوشاک مردانه با همین منطق چیده شدهاند.
- یکدستی صفحه. استفاده از یک خانواده قالب برای همه پستها، صفحه را حرفهایتر نشان میدهد. قالب بنر مربعی داینامیک و بنر مربعی شرکتی برای همین ساخته شدهاند.
- فراخوان روشن. «دایرکت بده»، «لینک در بایو» — بدون این، بازدید به اقدام تبدیل نمیشود.
برای صنفهای خاص هم قالبهای آمادهتری هست: باشگاه بدنسازی و تناسب اندام، استوری شرکتی با تم ششضلعی و معرفی سخنران کنفرانس.
کار با فایل لایهباز
قالبهای PSD معمولاً با لایههای نامگذاریشده و آبجکت هوشمند برای جای عکس میآیند. سه نکته که وقت را کم میکند:
- عکس خودتان را داخل Smart Object بگذارید تا ابعاد و ماسک طرح حفظ شود.
- رنگها را از طریق لایههای تنظیم عوض کنید، نه با رنگآمیزی مستقیم روی لایه اصلی؛ برگشتپذیر میماند.
- اگر فونت طرح را ندارید، پیش از هر کاری نصبش کنید — وگرنه فتوشاپ فونت را جایگزین میکند و چیدمان به هم میریزد.
اگر تازه با این فایلها کار میکنید، راهنمای کار با فایل لایهباز در فتوشاپ از صفر توضیح داده است. برای اصول محتوایی طرح تخفیف هم راهنمای طراحی بنر تخفیف و حراج جداگانه نوشته شده، و اگر خروجی شما ویدئوست، ساخت ریلز تبلیغاتی با InShot به کارتان میآید.
چکلیست پیش از انتشار
- عرض خروجی دقیقاً ۱۰۸۰ پیکسل است.
- فضای رنگی sRGB است، نه CMYK.
- در استوری، هیچ متنی در ۲۵۰ پیکسل بالا و پایین قرار ندارد.
- طرح را روی گوشی واقعی دیدهاید، نه فقط روی مانیتور.
- اطلاعات تماس و فراخوان درست و خوانا هستند.
- اگر پست چندتایی است، همه اسلایدها یک نسبت ابعاد دارند.