بهترین سایز بنر سایت
انتخاب سایز بنر سایت یکی از مسائلی است که بسیاری از طراحان و مدیران وبسایتها با آن روبهرو میشوند. اگر بنر خیلی بزرگ باشد، سایت کند میشود و اگر کوچک باشد، جذابیت خود را از دست میدهد. در این مطلب قصد داریم به بررسی ابعاد مناسب بنرها بپردازیم تا بتوانید بهترین تصمیم را برای سایت خود بگیرید.
استاندارد جهانی سایز بنر سایت
در دنیای طراحی وب، چند اندازه استاندارد برای بنرها وجود دارد که اکثر سایتها از آنها استفاده میکنند. این ابعاد بر اساس تجربه و آزمونهای متعدد به دست آمدهاند و معمولاً نتایج خوبی در زمینه نمایش و کارایی دارند.
برای بنرهای افقی که در بالای صفحه قرار میگیرند، اندازه استاندارد بنر معمولاً 728×90 پیکسل است. این سایز برای تبلیغات گوگل ادسنس و بسیاری از شبکههای تبلیغاتی دیگر نیز مورد استفاده قرار میگیرد. بنر 300×250 پیکسل هم یکی دیگر از اندازههای محبوب است که معمولاً در کنار محتوا یا در سایدبار سایت قرار میگیرد.
برای صفحات اصلی و اسلایدرهای بزرگ، ابعاد متفاوتتری مورد نیاز است. اندازه 1920×600 پیکسل یا 1920×700 پیکسل برای نمایشگرهای بزرگ مناسب است، اما باید توجه داشت که این بنرها باید به گونهای طراحی شوند که در نمایشگرهای کوچکتر نیز به درستی نمایش داده شوند.
در مورد موبایل، اندازه استاندارد بنر معمولاً 320×50 پیکسل یا 320×100 پیکسل است. این ابعاد برای صفحه نمایش کوچک گوشیهای همراه بهینه شدهاند و فضای زیادی از صفحه را اشغال نمیکنند.
بهترین اندازه برای اسلایدر سایت
اسلایدرها معمولاً در صفحه اصلی سایت قرار میگیرند و اولین چیزی هستند که بازدیدکننده میبیند. به همین دلیل، انتخاب بهترین ابعاد بنر اسلایدر اهمیت زیادی دارد.
برای دسکتاپ، ابعاد 1920×600 پیکسل یا 1920×700 پیکسل گزینههای مناسبی هستند. این اندازهها به شما امکان میدهند تصاویر با کیفیت بالا و متن خوانا را در بنر قرار دهید. البته باید در نظر داشت که همه کاربران نمایشگر 1920 پیکسلی ندارند، بنابراین بهتر است محتوای مهم بنر در مرکز و در ابعاد 1366×600 پیکسل قرار گیرد تا در نمایشگرهای کوچکتر نیز به درستی دیده شود.
نسبت تصویر هم مهم است. نسبت 16:9 یا 3:1 معمولاً برای اسلایدرها مناسب است. این نسبتها باعث میشوند بنر نه خیلی کشیده به نظر برسد و نه خیلی فشرده.
برای نمایش موبایل، بهتر است یک نسخه جداگانه از بنر با ابعاد 800×600 پیکسل یا 750×1000 پیکسل طراحی کنید. در موبایل، بنرهای عمودی یا مربعی بهتر از بنرهای افقی کار میکنند چون صفحه نمایش گوشیها عمودی است.
سایزهای استاندارد بنرهای کمپین یکتانت
سایزهای اصلی بنرهای تبلیغاتی کمپین یکتانت که در قالب طراحی بنر گیف میباشند شامل 8 سایز است که در ادامه آنها را معرفی کردهایم:
| ابعاد | حالت | حجم | فرمت |
| 160×400 | عمودی (دسکتاپ و موبایل) | 150kb | gif |
| 300×250 | افقی (موبایل و دسکتاپ) | 150kb | gif |
| 300×100 | افقی (موبایل) | 150kb | gif |
| 300×160 | افقی (موبایل) | 150kb | gif |
| 120×600 | عمودی (دسکتاپ) | 150kb | gif |
| 468×60 | افقی (موبایل و دسکتاپ) | 150kb | gif |
| 970×250 | افقی (دسکتاپ) | 150kb | gif |
| 728×90 | افقی (دسکتاپ) | 150kb | gif |
سایزهای استاندارد بنرهای کمپین صباویژن
سایزهای اصلی بنرهای تبلیغاتی کمپین صباویژن شامل 13 سایز گیف به همراه 1 سایز ثابت است که در ادامه آنها را معرفی کردهایم:
| ابعاد | حالت | حجم | فرمت |
| 600×400 | افقی | 100kb | jpg |
| 120×240 | عمودی | 200kb | gif |
| 120×600 | عمودی | 200kb | gif |
| 130×400 | عمودی | 200kb | gif |
| 160×600 | عمودی | 200kb | gif |
| 240×240 | مربع | 200kb | gif |
| 300×100 | افقی | 200kb | gif |
| 300×250 | افقی | 200kb | gif |
| 468×60 | افقی | 200kb | gif |
| 600×300 | افقی | 200kb | gif |
| 970×250 | افقی | 200kb | gif |
| 468×120 | افقی | 200kb | gif |
| 728×90 | افقی | 200kb | gif |
| 400×120 | افقی | 200kb | gif |
تاثیر سایز بنر بر سرعت سایت
یکی از مواردی که خیلیها به آن توجه نمیکنند، تاثیر سایز بنر سایت بر سرعت بارگذاری صفحات است. بنرهای بزرگ و سنگین میتوانند سرعت سایت را به شدت کاهش دهند و این موضوع هم بر تجربه کاربری تاثیر منفی میگذارد و هم بر رتبه سایت در موتورهای جستجو.
حجم فایل بنر به اندازه آن بستگی دارد، اما فرمت فایل هم نقش مهمی دارد. فرمت JPEG معمولاً برای تصاویر با جزئیات زیاد مناسب است و حجم کمتری نسبت به PNG دارد. اگر بنر شما نیاز به شفافیت دارد، میتوانید از PNG استفاده کنید، اما سعی کنید حجم آن را با ابزارهای فشردهسازی کاهش دهید.
یک بنر با ابعاد 1920×600 پیکسل نباید بیشتر از 150 کیلوبایت حجم داشته باشد. اگر حجم بیشتر شد، سرعت بارگذاری سایت کاهش مییابد و کاربران ممکن است قبل از بارگذاری کامل صفحه، سایت را ترک کنند.
برای بهینهسازی بنرها، میتوانید از تکنیکهایی مانند Lazy Loading استفاده کنید. این روش باعث میشود بنرها فقط زمانی بارگذاری شوند که کاربر به آن قسمت از صفحه رسیده است. همچنین استفاده از فرمتهای جدیدتر مانند WebP میتواند حجم فایل را تا 30 درصد کاهش دهد.
جمعبندی
انتخاب سایز بنر سایت باید با توجه به نوع سایت، مخاطبان و دستگاههایی که آنها استفاده میکنند، انجام شود. استفاده از ابعاد استاندارد مانند 1920×600 پیکسل برای دسکتاپ و 320×50 پیکسل برای موبایل میتواند نقطه شروع خوبی باشد. اما فراموش نکنید که بهینهسازی حجم فایل به اندازه انتخاب ابعاد مناسب اهمیت دارد. با رعایت این نکات، میتوانید بنرهایی جذاب و سریع برای سایت خود داشته باشید که هم کاربران را راضی نگه میدارد و هم به رتبه بهتر سایت در موتورهای جستجو کمک میکند.
