آمار استفاده از وضوح صفحه نمایش چگونه ترافیک از دست رفته را برگردانیم یا آمار رزولوشن نمایشگر چگونه مفید است؟

حتی ممکن است این واقعیت را ندانید که سایت شما به درستی روی صفحه نمایشی با وضوح 320 × 480 نمایش داده نمی شود و همه خوانندگان با چنین گوشی هوشمندی وبلاگ شما را بدون مطالعه اطلاعات روی آن ترک می کنند.

بگذارید اطلاعات فوق العاده جالب (برای یک وبلاگ)، کمترین قیمت برای یک محصول (برای یک فروشگاه آنلاین)، یک دوره آموزشی فوق العاده مفید باشد، اما اگر صفحه کج باشد، دکمه ها قابل مشاهده نباشند، خطوط متن روی هم قرار بگیرند، سپس با چنین نمایشی از صفحات فروش شما دیده نمی شوید.

بنابراین لازم است در آمار تجزیه و تحلیل شود و مجوزهایی که بازدیدکنندگان از آن خارج می شوند شناسایی شود و اقداماتی برای رفع اشکال انجام شود.

آمار وضوح صفحه نمایش

همه چیز در آنجا مشخص است، آدرس سایت را وارد کنید:

اکنون می توانید بین گزینه های مختلف یکی را انتخاب کنید. علاوه بر این، به عنوان وضوح استاندارد گوشی های هوشمند (برگه 3):

و رزولوشن را به صورت دلخواه به اعداد شماره گیری کنید (برگه پنجم):

من به شما نشان دادم که چگونه از این ابزار استفاده کنید، اکنون برای سایت های خود بداهه سازی کنید.

نحوه رفع خطاها

در پایان، این سوال مطرح می شود: "چرا من به همه اینها، مطالعه مرورگرها، مجوزها و غیره نیاز دارم؟"

پاسخ ساده است - افزایش ترافیک و فروش.

در مورد من، تلفات حداقل است، کمتر از 2٪ از بازدیدکنندگان در یک سال باقی می‌مانند، زیرا وبلاگ من در دستگاه آنها ضعیف نمایش داده می‌شود که از آنجا وارد سایت شده‌اند. اینها اعداد کمی هستند، می توانند برای شما بیشتر یا کمتر باشند، اما باید بدانید که از چنین جریان هایی، در مجموع، جریان بزرگی از ضرر و زیان می تواند به وجود بیاید.

نویسنده سایت ممکن است فکر کند که طراحی بدی دارد، قابلیت استفاده دارد، نمی داند چگونه مقاله درست بنویسد یا محصول بدی دارد، قیمت بالایی دارد، اما در واقع دلیل آن ممکن است متفاوت باشد. اگر او را می شناسید، پس مشکل را می توان حل کرد، این را به خاطر بسپارید.

اگر سایت شما دارای مشکلات رزولوشن زیادی است، به احتمال زیاد قالب ریسپانسیو یا بی کیفیت نیست و نیاز به تعویض دارد. به خاطر داشته باشید که ترافیک تلفن همراه در طول سال‌ها افزایش می‌یابد، بنابراین باید در اسرع وقت به یک قالب تطبیقی ​​(یا نسخه موبایلی سایت) فکر کنید.

من در اینجا به طور مفصل در مورد این موضوع صحبت کردم:

من می خواهم در مورد نتایج تجزیه و تحلیل سایت شما بشنوم، کدام وضوح صفحه نمایش بیشترین بازتاب را دارد؟

برای هر گونه سوال، در نظرات بنویسید، من قطعا کمک خواهم کرد.

یادداشت

یک فرآیند بسیار چند وجهی. اما هنوز، تمام مراحل آن را می توان به دو جزء اصلی تقسیم کرد - عملکرد و پوسته خارجی. یا همانطور که در بین وب مسترها مرسوم است به ترتیب back-end و front-end. افرادی که وب سایت های خود را از استودیوهای توسعه وب سفارش می دهند اغلب ساده لوحانه معتقدند که ارزش آن را دارد که فقط بر روی عملکرد تمرکز کنید و این تصمیم درستی خواهد بود. اما این در موارد بسیار بسیار نادری صادق است، معمولاً برای پروژه های راه اندازی در مرحله آزمایش بتا. در مورد بقیه، طراحی گرافیکی و رابط کاربری به سادگی باید راحت باشد، اما با توجه به آن، آینده سایت را فراموش نکنید.

اولین سنگ بنای پیش روی یک طراح رابط یا طراح، عرض طرح سایت است. پس از همه، این نیاز به رابط های رندر دارد. به طور کاملاً شهودی، دو رویکرد بوجود می‌آیند - یا برای هر وضوح صفحه محبوب طرح‌بندی جداگانه ایجاد کنید، یا یک نسخه از سایت را برای همه نمایش‌ها ایجاد کنید. و هر دو گزینه اشتباه خواهند بود، اما اول از همه.

عرض استاندارد وب سایت بر حسب پیکسل برای Runet

قبل از توسعه طرح‌بندی واکنش‌گرا، توسعه سایتی با عرض هزار پیکسل یک پدیده عظیم بود. این شماره به یک دلیل ساده انتخاب شده است - به طوری که سایت بر روی هر صفحه ای قرار می گیرد. و این منطق خاص خود را دارد، اما بیایید فرض کنیم که یک شخص هنوز حداقل یک مانیتور HD روی دسکتاپ دارد. در این صورت، چیدمان شما مانند یک نوار کوچک در وسط صفحه به نظر می رسد، جایی که همه چیز به هم چسبیده است و یک فضای بزرگ بدون استفاده در طرفین وجود دارد. حال، فرض کنید شخصی از طریق تبلتی با صفحه‌نمایش عریض 800 پیکسل، از وب‌سایت شما بازدید کرده است و چک باکس «نمایش نسخه کامل وب‌سایت» در تنظیمات انتخاب شده است. در این صورت، سایت شما نیز به اشتباه نمایش داده می شود، زیرا به سادگی با صفحه نمایش مطابقت ندارد.

از این ملاحظات می توان نتیجه گرفت که عرض ثابت برای چیدمان قطعا برای ما مناسب نیست و باید به دنبال راه دیگری باشیم. بیایید ایده یک طرح بندی جداگانه برای هر عرض صفحه را تجزیه و تحلیل کنیم.

چیدمان برای همه موارد

اگر به عنوان یک استراتژی برای ایجاد طرح‌بندی برای همه اندازه‌های صفحه در بازار انتخاب کرده‌اید، سایت شما منحصربه‌فردترین سایت در کل اینترنت خواهد شد. از این گذشته، امروزه پوشش کل طیف دستگاه ها، تلاش برای انجام تنظیمات دقیق برای هر گزینه، به سادگی غیرممکن است. اما اگر روی محبوب ترین وضوح نمایشگرها و صفحه نمایش دستگاه ها تمرکز کنید، ایده بدی نیست. تنها عیب آن هزینه های مالی است. از این گذشته، زمانی که طراح رابط، طراح و طراح چیدمان مجبور می شوند کار مشابهی را 5 یا 6 بار انجام دهند، هزینه پروژه به طور نامتناسبی بیشتر از قیمت تعیین شده اولیه در بودجه خواهد بود.

بنابراین، تنها سایت‌های تک صفحه‌ای که هدفشان فروش یک محصول است و مطمئن باشید آن را به خوبی انجام می‌دهند، می‌توانند نسخه‌های فراوانی را برای صفحه‌های مختلف به رخ بکشند. خوب، اگر یکی از این صفحات فرود را ندارید، بلکه یک سایت چند صفحه ای دارید، پس ارزش آن را دارد که بیشتر فکر کنید.

محبوب ترین اندازه های وب سایت

معاوضه بین دو حالت افراطی این است که چیدمان به سه یا چهار مورد ارائه شود. بقیه باید برای صفحه نمایش های دسکتاپ کوچک، متوسط ​​و بزرگ تطبیق داده شوند. چگونه عرض سایت را انتخاب کنیم؟ در زیر آمار سرویس HotLog برای ماه می 2017 آمده است که توزیع محبوبیت رزولوشن های مختلف صفحه نمایش دستگاه ها و همچنین پویایی تغییرات در این شاخص را به ما نشان می دهد.

از جدول می توانید نحوه تعیین اندازه سایت مورد استفاده را دریابید. علاوه بر این، می توان نتیجه گرفت که رایج ترین فرمت امروزی صفحه نمایش 1366 در 768 پیکسل است. چنین صفحه نمایش هایی در لپ تاپ های ارزان قیمت نصب می شوند، بنابراین محبوبیت آنها طبیعی است. محبوب‌ترین مانیتور بعدی، مانیتور Full HD است که استاندارد طلایی برای فیلم‌ها، بازی‌ها و در نتیجه طرح‌بندی وب‌سایت است. در ادامه جدول وضوح دستگاه های تلفن همراه 360 در 640 پیکسل و همچنین گزینه های مختلفی برای صفحه نمایش دسکتاپ و موبایل بعد از آن را مشاهده می کنیم.

ما طرح را طراحی می کنیم

بنابراین، پس از تجزیه و تحلیل آمار، می توان نتیجه گرفت که عرض سایت بهینه دارای 4 تغییر است:

1. نسخه لپ تاپ با عرض 1366 پیکسل.
2. نسخه فول اچ دی.
3. طرح بندی با عرض 800 پیکسل برای نمایش در مانیتورهای دسکتاپ کوچک.
4. نسخه موبایل این سایت 360 پیکسل عرض دارد.

فرض کنید تصمیم گرفته‌ایم از چه اندازه برای منبع تولید شده برای سایت استفاده کنیم. اما چنین پروژه ای همچنان پرهزینه خواهد بود. بنابراین بیایید به چند گزینه دیگر نگاه کنیم، این بار بدون استفاده از عرض ثابت.

انعطاف پذیر کردن چیدمان

یک رویکرد جایگزین وجود دارد، زمانی که ارزش آن را دارد که فقط حداقل اندازه صفحه نمایش را تنظیم کنید، و خود اندازه سایت با درصد تعیین می شود. در همان زمان، مانند منوها، دکمه ها و لوگو را می توان در مقادیر مطلق، با تمرکز بر حداقل اندازه عرض صفحه نمایش در پیکسل تنظیم کرد. از سوی دیگر، بلوک های محتوا با توجه به درصد مشخصی از عرض صفحه نمایش کشیده می شوند. این رویکرد به شما امکان می دهد اندازه سایت ها را به عنوان یک محدودیت برای طراح تلقی نکنید و با استعداد با این تفاوت های ظریف بازی کنید.

نسبت طلایی چیست و چگونه آن را در طرح بندی صفحه وب خود اعمال می کنید؟

در دوران رنسانس، بسیاری از معماران و هنرمندان تلاش کردند تا شکل و تناسب عالی را به آثار خود ببخشند. برای پاسخ به سؤالات در مورد مقادیر چنین نسبتی، آنها به ملکه همه علوم - ریاضیات روی آوردند.

از دوران باستان، نسبتی اختراع شد که چشم ما آن را طبیعی ترین و برازنده ترین آن می داند، زیرا در طبیعت در همه جا حاضر است. کاشف فرمول چنین نسبتی یک معمار با استعداد یونان باستان به نام فیدیاس بود. او محاسبه کرد که اگر بیشتر نسبت مربوط به کوچکتر باشد همانطور که کل مربوط به بزرگتر است، آنگاه آن نسبت به بهترین شکل به نظر می رسد. اما این در صورتی است که بخواهید جسم را به صورت نامتقارن تقسیم کنید. این نسبت بعدها نسبت طلایی نامیده شد که هنوز هم اهمیت آن را برای تاریخ فرهنگ جهانی دست بالا نمی گیرد.

بازگشت به طراحی وب

بسیار ساده است - با استفاده از نسبت طلایی، می توانید صفحاتی را طراحی کنید که تا حد امکان برای چشم انسان دلپذیر باشند. با محاسبه طبق تعریف فرمول نسبت طلایی، عدد غیر منطقی 1.6180339887 ... را به دست می آوریم، اما برای راحتی می توانید از مقدار گرد شده 1.62 استفاده کنید. این بدان معنی است که بلوک های صفحه ما باید 62٪ و 38٪ از کل باشد، صرف نظر از اندازه منبع تولید شده برای سایتی که استفاده می کنید. در نمودار زیر می توانید یک نمونه را مشاهده کنید:

از فناوری های جدید استفاده کنید

فن آوری های مدرن برای چیدمان وب سایت این امکان را فراهم می کند تا ایده یک طراح و طراح را تا حد امکان دقیق منتقل کنید، بنابراین اکنون می توانید ایده های جسورانه تری را نسبت به سپیده دم فناوری های اینترنت پیاده سازی کنید. دیگر نیازی نیست که ذهن خود را بیش از اندازه به اندازه سایت درگیر کنید. با ظهور مواردی مانند طرح‌بندی واکنش‌گرای بلوک، بارگذاری پویا محتوا و فونت‌ها، توسعه وب‌سایت بسیار لذت‌بخش‌تر شده است. از این گذشته ، چنین فناوری هایی محدودیت های کمتری دارند ، اگرچه هنوز هم وجود دارند. اما همانطور که می دانید هیچ هنری بدون محدودیت وجود نخواهد داشت. ما از شما دعوت می کنیم از یک رویکرد طراحی واقعا خلاقانه استفاده کنید - نسبت طلایی. با استفاده از آن، می توانید هر اندازه سایتی را که در قالب های خود مشخص می کنید، به طور موثر و زیبایی پر کنید.

چگونه فضای کاری سایت را افزایش دهیم

این احتمال وجود دارد که فضای کافی برای قرار دادن تمام عناصر رابط در یک طرح بندی کوچک نداشته باشید. در این صورت، باید خلاقانه یا حتی خلاقانه‌تر از قبل فکر کنید.

با پنهان کردن پیمایش در منوی پاپ آپ می توانید تا حد امکان فضای سایت را آزاد کنید. این رویکرد نه تنها در دستگاه های تلفن همراه، بلکه در رایانه های رومیزی نیز منطقی است. پس از همه، کاربر نیازی ندارد که تمام وقت به دسته بندی های سایت شما نگاه کند - او برای محتوا آمده است. و خواسته های کاربر باید رعایت شود.

نمونه ای از یک راه خوب برای مخفی کردن یک منو، طرح زیر است (عکس زیر).

در گوشه بالای قسمت قرمز رنگ، می توانید یک ضربدر را مشاهده کنید که با کلیک بر روی آن، منو در یک نماد کوچک پنهان می شود و کاربر را با محتوای وب سایت تنها می گذارد.

با این حال، این اختیاری است، می توانید ناوبری را ترک کنید، که همیشه در معرض دید خواهد بود. اما شما می توانید آن را به یک عنصر طراحی خوب تبدیل کنید، نه فقط فهرستی از لینک های محبوب در سایت. علاوه بر یا حتی به جای پیوندهای متنی، از نمادهای بصری استفاده کنید. همچنین به سایت شما این امکان را می دهد که از فضای صفحه نمایش دستگاه کاربر استفاده موثرتری داشته باشد.

بهترین سایت - واکنش گرا

اگر نمی دانید چه طرحی را برای سایت خود انتخاب کنید، پس همه چیز برای شما ساده است. برای صرفه جویی در هزینه های توسعه و عدم از دست دادن مخاطبان خود به دلیل چیدمان ضعیف برای برخی از دستگاه ها، از یک طراحی واکنش گرا استفاده کنید.

طراحی واکنش گرا، طراحی است که در دستگاه های مختلف به همان اندازه خوب به نظر می رسد. این رویکرد به سایت شما امکان می دهد حتی در لپ تاپ، حتی بر روی تبلت یا حتی در تلفن هوشمند قابل درک و راحت باشد. این اثر با تغییر خودکار عرض ناحیه کار صفحه نمایش به دست می آید. با استفاده از شیوه نامه های وب سایت واکنش گرا، بهترین تصمیم ممکن را می گیرید.

طراحی ریسپانسیو چه تفاوتی با داشتن نسخه های مختلف وب سایت دارد؟

طراحی ریسپانسیو با نسخه موبایل سایت تفاوت دارد زیرا در حالت دوم کاربر کد html متفاوتی با دسکتاپ دریافت می کند. این یک نقطه ضعف از نظر بهینه سازی عملکرد سرور و همچنین بهینه سازی موتور جستجو است. علاوه بر این، محاسبه آمار برای نسخه های مختلف سایت دشوارتر می شود. رویکرد تطبیقی ​​عاری از چنین معایبی است.

سازگاری برای دستگاه‌های مختلف از طریق طرح‌بندی با تنظیم درصدی از عرض، یا با انتقال بلوک‌ها به فضای موجود (در یک صفحه عمودی در تلفن هوشمند به جای افقی روی دسکتاپ)، یا با ایجاد طرح‌بندی‌های جداگانه برای موارد مختلف به دست می‌آید. صفحه نمایش

می‌توانید از آموزش‌ها درباره طراحی و توسعه واکنش‌گرا بیشتر بیاموزید.

امروزه در بازار سرمایه گذاری تعداد زیادی محصول از زمینه های مختلف وجود دارد. ما فکر کردیم ارزش دارد که توجه شما را به بازار رو به رشد دستگاه های تلفن همراه جلب کنیم. خیر، در اینجا هیچ بررسی وجود نخواهد داشت، ما می خواهیم این بازار را از منشور ویژگی های صفحه نمایش در نظر بگیریم. تلفن همراه، تبلت، لپ تاپ در حال حاضر به طور محکم در زندگی ما جا افتاده اند، در واقع، ما زمان بیشتری را با آنها می گذرانیم تا با افراد زنده اطرافمان.

آنچه آمار می گوید

ما برای مدت طولانی گزارش های آماری معیارهای مختلف را از سایت های شریک مطالعه کرده ایم. ما به مشخصات فنی محبوب ترین دستگاه های تلفن همراه نگاه کردیم. وضعیت به گونه ای است که تلفن های همراه بزرگ در میان تمام دستگاه های تلفن همراه شروع به تسلط بر بازار کردند که مورب آن از 5.5 "شروع می شود و به 6.2 ختم می شود". بیایید در اینجا تمایل اپل را برای عرضه یک محصول 6.5 اینچی در بازار تا پایان سال اضافه کنیم. و مغز ما به سختی نیاز به چنین فناوری را هضم می کند. شما دیگر نمی توانید این را در جیب خود قرار دهید و نه هر کیفی. با این حال، اگر به روش های استفاده از تلفن هوشمند مدرن نگاه کنید، دلیل آن مشخص می شود. این یک واقعیت عجیب است: به نظر می رسد تلفن برای ارتباط صوتی اختراع شده است، و بیشتر و بیشتر مورد استفاده قرار می گیرد. به عنوان وسیله ای برای گشت و گذار در اینترنت.به عبارت ساده تر، روند مدرن یک تلفن همراه خوب با کیفیت بالا با صفحه نمایش عالی، دوربین و اینترنت است. روز

حالا در مورد مجوزها. محبوب ترین رزولوشن ها 1366 * 738 و 1920 * 1080 باقی ماندند، اینها رزولوشن های موبایل نیستند. اما محبوب ترین وضوح تلفن همراه 360 * 640 است. در واقع این سه نفر اول هستند.

جدول کامل با اطلاعات بازار به شرح زیر است:

نتیجه

بازار دستگاه های تلفن همراه ثابت نمی ماند. امروز باید به دنبال گزینه هایی برای سرمایه گذاری در این بازار باشیم.

بر اساس مطالب وب سایت Deviceatlas

دانستن اینکه چه وضوح صفحه نمایش گوشی های هوشمند امروزه محبوب ترین هستند به شما کمک می کند تا وب سایت خود را برای تفاوت بین دستگاه های مختلف بهینه کنید. DeviceAtlas جمع آوری کرده است آخرین آمار در مورد استفاده از دستگاه مربوط به این موضوع.

وضوح صفحه نمایش جدید در بازار

در سال‌های اخیر، تمامی دستگاه‌های پرچم‌دار سیستم‌عامل اندروید دارای رزولوشن Full HD (1080x1920) و QHD (1440x2560) بوده‌اند. در سال 2017، چندین دستگاه با وضوح غیر استاندارد در بازار ظاهر شدند - عمدتاً به دلیل روند جدید صفحه نمایش لبه به لبه (عرض کامل دستگاه). شامل:

• سامسونگ گلکسی نوت 8: 1440 در 2960 پیکسل
• Samsung Galaxy S8: 1440 x 2960 پیکسل
• LG V30: 1440 x 2880 پیکسل
• LG G6: 1440 x 2880 پیکسل
• Sony Xperia XZ Premium: 3840 x 2160 پیکسل
• iPhone X: 1125 x 2436 پیکسل (فقط اعلام شده)

البته این قطعنامه های غیراستاندارد هنوز در آمار ما لحاظ نشده است. اما، به هر حال، می‌توان انتظار داشت که استاندارد S8 به دلیل محبوبیت زیاد خانواده گلکسی اس، به یکی از محبوب‌ترین‌ها در لیست تبدیل شود: به عنوان مثال، پرچمدار قبلی، S7، رایج‌ترین اندروید شد. دستگاه در جهان

بیشترین وضوح صفحه نمایش گوشی های هوشمند 720x1280 است

طبق آمار ترافیک جولای تا آگوست 2017، محبوب ترین وضوح صفحه نمایش در گوشی های هوشمند 720 × 1280 پیکسل است که در اکثر دستگاه های میان رده و ارزان قیمت استفاده می شود. این قطعنامه بیشترین استفاده را در 11 کشور از 20 کشور تحلیل شده، از جمله هند، ایتالیا و اسپانیا دارد. نسبت 750x1334 که در مدل های آیفون محبوب در ایالات متحده آمریکا، بریتانیا و استرالیا استفاده می شود، از نزدیک دنبال می شود. در فرانسه و آلمان، به نوبه خود، بیشترین وضوح تصویر Full HD در گوشی های هوشمند کلاس های متوسط ​​و اقتصادی است.

جدول رایج ترین وضوح صفحه نمایش گوشی های هوشمند را در تمام 20 کشور مورد بررسی نشان می دهد.

نمودارهای زیر سهم ترافیکی را نشان می‌دهد که در کشورهای شرکت‌کننده در این مطالعه، در گوشی‌های هوشمند با وضوح صفحه نمایش 720x1280 در جولای تا آگوست 2017 کاهش یافته است.

Full HD بازار را تسخیر می کند، پذیرش QHD کند می شود

ما همچنین بررسی کردیم که استفاده از چندین رزولوشن محبوب در طول سال چقدر سریع رشد کرده است - از سه ماهه چهارم 2016 تا سه ماهه سوم 2017. با وجود رشد قوی در گذشته، گسترش وضوح QHD (1440 × 2560) اکنون کند شده است.

در فرانسه، هند، نیجریه و ایالات متحده، دستگاه های QHD حتی سهم بازار خود را از دست دادند (-4٪ در کشور دوم). طی 4 فصل گذشته، دستگاه‌های FHD (1080x1920) سریع‌تر رشد کرده‌اند و در برزیل، فرانسه، ژاپن، لهستان، اسپانیا و ایالات متحده 5 تا 10 درصد افزایش یافته‌اند.

سهم ترافیک دستگاه های Full HD (1080x1920) در 4 فصل گذشته:

سهم ترافیک دستگاه های QHD (1440x2560) در 4 فصل گذشته:

ابتدا کمی درباره تئوری. وضوح صفحه نمایش بسته به دستگاهی که استفاده می کنید متفاوت است. برخی از کاربران به اشتباه تصور می کنند که اندازه صفحه نمایش و وضوح صفحه نمایش مانیتور یکسان است. به عنوان مثال اندازه صفحه نمایش و حداکثر رزولوشن آن 1600*1200 است و کاربر می تواند رزولوشن را مثلاً 800*600 قرار دهد. طبیعتاً تصویر روی صفحه مطابق با اصلی که توسط کاربر تنظیم شده است تشکیل می شود. خودش در نتیجه، معلوم می شود که اندازه صفحه نمایش و وضوح صفحه نمایش مفاهیم کمی متفاوت هستند. برای دستیابی به تصویر عالی، باید حداکثر وضوحی که مانیتور شما پشتیبانی می کند را تنظیم کنید و سپس تصویر با بالاترین کیفیت خواهد بود.

چه وضوح صفحه نمایش وجود دارد؟

امروزه تعداد زیادی مانیتور و همان تعداد رزولوشن وجود دارد. لازم به ذکر است که همه این دستگاه ها دارای نسبت های مختلف هستند، به عنوان مثال: 4: 3، 5: 4، 16: 9، 16:10 و بسیاری دیگر. دستگاه های صفحه عریض با نسبت تصویر 21:9 تقاضای زیادی دارند. امروزه استفاده از چنین دستگاه هایی معقول نیست، زیرا آنها برای تماشای فیلم هایی که مطابق با استاندارد CinemaScope فیلمبرداری شده اند مناسب هستند. این به طور مستقیم با این واقعیت مرتبط است که اگر وضوح متفاوتی را روی چنین مانیتوری تنظیم کنید، به عنوان مثال، FullHD (1920 x 1080p)، نوارهای مشکی گسترده در لبه های مانیتور باقی می مانند.

در مورد رزولوشن خود مانیتورها، همانطور که ممکن است حدس بزنید، آنها بر اساس نسبت تصویر بین خود تقسیم می شوند. موارد زیر برجسته هستند: برای نسبت تصویر 4: 3 -1024x768، 1280x1024، 1600x1200، 1920x1440، 2048x1536. برای نسبت تصویر 16: 9: 1366x768، 1600x900، 1920x1080، 2048x1152، 2560x1440، 3840x2160. برای نسبت تصویر 16:10: 1280x800، 1440x900، 1600x1024، 1680x1050، 1920x1200، 2560x1600، 3840x2400. محبوب ترین رزولوشن های امروزی 1920x1080، 1280x1024، 1366x768 هستند.

شایان ذکر است که هرچه رزولوشن صفحه نمایش بالاتر باشد، خود تصویر بهتر خواهد بود، اما در عین حال می تواند بسیار کوچک باشد و برخی از دارندگان چنین دستگاه هایی مجبورند آن را به کوچکتر تغییر دهند تا حداقل ببینند. چیزی روی مانیتور در نتیجه، البته، همه می توانند قبل از خرید یک دستگاه در فروشگاه، مستقیماً نگاه کنند که کدام تصویر روی آن خواهد بود و آیا برای او مناسب است یا خیر.