رزولوشن در برابر اندازه صفحه
رزولوشن با پیکسل اندازهگیری میشود. اندازه فیزیکی صفحه معمولاً به صورت قطر و بر حسب اینچ اندازهگیری میشود.
رزولوشن صفحه نمایش فعلی خود را فوری ببینید؛ شامل اندازه صفحه بر حسب پیکسل، فضای قابل استفاده، اندازه viewport، نسبت پیکسل دستگاه، عمق رنگ و جهت نمایش. همچنین میتوانید اندازه فیزیکی صفحه را بر حسب اینچ و سانتیمتر تخمین بزنید.
با این ابزار، ابعاد صفحه و اطلاعات نمایشگر گزارششده توسط مرورگر خود را ببینید.
مرورگرها اندازه فیزیکی دقیق مانیتور را ارائه نمیکنند، بنابراین این نتیجه خودکار فقط یک تخمین تقریبی است.
یک کارت بانکی استاندارد را کنار صفحه قرار دهید و slider را تا زمانی تنظیم کنید که عرض کارت روی صفحه با کارت واقعی یکسان شود.
رزولوشن با پیکسل اندازهگیری میشود. اندازه فیزیکی صفحه معمولاً به صورت قطر و بر حسب اینچ اندازهگیری میشود.
Viewport فقط بخشی از پنجره مرورگر است که صفحه وب در آن نمایش داده میشود، بنابراین میتواند بسیار کوچکتر از کل صفحه باشد.
مقادیر بالا مستقیماً از APIهای مرورگر میآیند و با تغییر پنجره مرورگر یا وضعیت نمایشگر بهروزرسانی میشوند.
رزولوشنهای رایج از HD تا 4K و بالاتر هستند. تعداد پیکسل بیشتر میتواند جزئیات بیشتری نشان دهد، اما اندازه فیزیکی صفحه و scaling نیز روی اندازه ظاهری محتوا اثر میگذارند.
پاسخ به پرسشهای رایج درباره رزولوشن صفحه، رزولوشن مانیتور، اندازه صفحه و display scaling.
رزولوشنی که مرورگر گزارش میکند در بالای این صفحه نمایش داده میشود. همچنین رزولوشن تقریبی device-pixel را نشان میدهیم تا بتوانید مقدار CSS-pixel را با نمایشگرهای high-density یا scaled مقایسه کنید.
فقط این صفحه را باز کنید. ابزار بدون نیاز به فرم یا تنظیمات، ابعاد صفحه را خودکار میخواند. اندازه viewport، فضای قابل استفاده و نسبت پیکسل دستگاه نیز نمایش داده میشود.
اندازه صفحه معمولاً به قطر فیزیکی نمایشگر بر حسب اینچ اشاره دارد. مرورگر نمیتواند آن را دقیق تشخیص دهد، بنابراین برای تخمین اندازه فیزیکی از کالیبراسیون کارت بانکی بالا استفاده کنید.
مقادیر بالا چیزی را نشان میدهند که مرورگر میتواند تشخیص دهد. اگر Windows، macOS یا سیستمعامل دیگری از display scaling استفاده کند، native resolution مانیتور ممکن است متفاوت باشد.
خیر. رزولوشن صفحه ابعاد پیکسلی مانند 1920 × 1080 را بیان میکند. اندازه صفحه به ابعاد فیزیکی اشاره دارد و معمولاً قطر آن بر حسب اینچ بیان میشود.
Scaling سیستمعامل، حالتهای high-DPI و رفتار مرورگر میتوانند ابعاد CSS-pixel ارائهشده به صفحه وب را تغییر دهند. مقدار تقریبی device-pixel بالا میتواند به توضیح این تفاوت کمک کند.
اندازه viewport ناحیهای از پنجره مرورگر است که صفحه وب میتواند استفاده کند. نوارهای مرورگر، اندازه پنجره و رابط مرورگر موبایل میتوانند viewport را کوچکتر از کل صفحه کنند.
نسبت پیکسل دستگاه، device pixels را با CSS pixels مقایسه میکند. نمایشگرهای Retina، high-DPI و scaled اغلب مقداری بیشتر از 1 گزارش میکنند، بنابراین ابعاد مرورگر میتواند با مشخصات native سختافزار متفاوت باشد.
نمونههای رایج شامل 1280 × 720، 1920 × 1080، 2560 × 1440 و 3840 × 2160 هستند. معمولاً رزولوشنی که برای نمایشگر شما Recommended شده بهترین گزینه است.
در Windows 11 یا Windows 10 به Settings → System → Display بروید، گزینه Display resolution را پیدا کنید و رزولوشن موردنظر را انتخاب کنید. معمولاً تنظیم Recommended بهترین انتخاب است.