مشخصات صفحهنمایش و پنجره
اندازه‌ها، جز در موارد ذکرشده، بر حسب پیکسل CSS هستند؛ همان واحدی که سایتها استفاده میکنند. برای اعداد دقیق، زوم مرورگر را روی 100% بگذارید (Ctrl+0، یا ⌘0 در مک).
- رزولوشن صفحهنمایش
- در حال بررسی… اندازه صفحهنمایش شما از نگاه سایتها.
- رزولوشن واقعی
- در حال بررسی…رزولوشن صفحهنمایش × نسبت پیکسل: پیکسلهای واقعی پنل.
- ویوپورت (پنجره مرورگر)
- در حال بررسی… بخشی از صفحه وب که می‌بینید، بدون نوارابزارها.
- کل پنجره مرورگر
- در حال بررسی…
- فضای قابل‌استفاده صفحه
- در حال بررسی…صفحهنمایش منهای نوار وظیفه، Dock یا نوار منو.
- نسبت پیکسل
- در حال بررسی…
- نسبت تصویر
- در حال بررسی…
- جهت
- در حال بررسی…
- عمق رنگ
- در حال بررسی…
- گستره رنگ
- در حال بررسی…
- HDR
- در حال بررسی…
- نرخ نوسازی
- در حال بررسی…
- صفحه لمسی
- در حال بررسی…
- مانیتورها
- در حال بررسی…
ویوپورت شما روی صفحهنمایش
کادر بیرونی صفحهنمایش شماست و کادر سایه‌دار بخش قابل‌مشاهده همین صفحه، یعنی جایی که پنجره مرورگرتان قرار دارد.
رزولوشن‌های رایج صفحهنمایش
اندازه مانیتورها و لپ‌تاپ‌ها بر حسب پیکسل واقعی و اندازه گوشیها و تبلت‌ها بر حسب پیکسل CSS است، همان‌طور که سایتها میبینند. ردیف‌هایی که با صفحهنمایش شما جورند علامت خورده‌اند.
| نام | رزولوشن | نسبت تصویر | کاربرد رایج |
|---|---|---|---|
| HD (720p) | 1280 × 720 | 16:9 | تلویزیون‌های HD، لپ‌تاپ‌های کوچک |
| WXGA | 1366 × 768 | 16:9 | لپ‌تاپ‌های اقتصادی |
| HD+ | 1600 × 900 | 16:9 | لپ‌تاپ‌های 17 اینچی، مانیتورهای قدیمی |
| Full HD (1080p) | 1920 × 1080 | 16:9 | بیشتر مانیتورها و لپ‌تاپ‌ها |
| WUXGA | 1920 × 1200 | 16:10 | مانیتورهای اداری، لپ‌تاپ‌ها |
| QHD / 2K (1440p) | 2560 × 1440 | 16:9 | مانیتورهای 27 اینچی، گیمینگ |
| WQXGA | 2560 × 1600 | 16:10 | MacBook Air و Pro، لپ‌تاپ‌های 16:10 |
| UWQHD | 3440 × 1440 | 21:9 | مانیتورهای الترا واید 34 اینچی |
| 4K UHD (2160p) | 3840 × 2160 | 16:9 | مانیتورها و تلویزیون‌های 4K |
| 5K | 5120 × 2880 | 16:9 | iMac، Apple Studio Display |
| iPhone 12 / 13 / 14 | 390 × 844 | 19.5:9 | iPhone (پیکسل CSS) |
| iPhone 15 / 16 | 393 × 852 | 19.5:9 | iPhone (پیکسل CSS) |
| Android | 412 × 915 | 20:9 | گوشی‌های Android (پیکسل CSS) |
| iPad | 810 × 1080 | 4:3 | iPad (پیکسل CSS) |
رزولوشن صفحهنمایش یعنی چه
رزولوشن صفحهنمایش تعداد پیکسل‌هایی است که نمایشگر شما در عرض و ارتفاع نشان میدهد و به شکل عرض × ارتفاع نوشته میشود. یک مانیتور Full HD رزولوشن 1920 × 1080 دارد: 1920 پیکسل عرض و 1080 پیکسل ارتفاع، یعنی در کل حدود دو میلیون پیکسل.
پیکسل بیشتر روی صفحهای با همان اندازه یعنی متن و تصویر واضح‌تر. به همین دلیل یک لپ‌تاپ 13 اینچی می‌تواند رزولوشنی بالاتر از یک مانیتور اداری 24 اینچی داشته باشد.
چرا رزولوشن شما کمتر از رزولوشن مانیتور نشان داده میشود
Windows، macOS، iOS و Android همه‌چیز را بزرگ‌تر نشان میدهند تا متن روی صفحه‌های پرجزئیات خوانا بماند. لپ‌تاپی با پنل 1920 × 1080 و مقیاس 125% اندازه صفحه‌اش را 1536 × 864 به سایتها اعلام میکند و یک MacBook با پنل 2560 × 1600 معمولاً 1440 × 900 یا 1470 × 956 گزارش میدهد.
سایتها فقط همین اندازه‌های مقیاس‌شده را میبینند که به آن‌ها پیکسل CSS می‌گویند. آن‌ها را در نسبت پیکسل ضرب کنید تا رزولوشن واقعی به دست آید؛ این صفحه آن را زیر عدد اصلی نشان میدهد. زوم مرورگر هم نسبت پیکسل را تغییر میدهد، پس پیش از مقایسه زوم را روی 100% برگردانید.
رزولوشن صفحهنمایش، ویوپورت و اندازه پنجره
- رزولوشن صفحهنمایش: کل نمایشگر، از جمله بخش‌هایی که پنجره‌های دیگر پوشانده‌اند.
- فضای قابل‌استفاده صفحه: نمایشگر منهای نوار وظیفه، Dock یا نوار منو.
- پنجره مرورگر: کل پنجره، از جمله تبها، نوار آدرس و حاشیه‌ها.
- ویوپورت: بخشی از پنجره که صفحه وب را نشان میدهد. طراحان وب چیدمان صفحه را با همین اندازه می‌سنجند و با تغییر اندازه پنجره یا باز کردن ابزارهای توسعه‌دهنده تغییر میکند.
چطور رزولوشن صفحهنمایش را تغییر دهیم
- Windows 11 و 10: روی دسکتاپ راست‌کلیک کنید > Display settings (تنظیمات نمایش) > Display resolution (وضوح صفحهنمایش). گزینه‌ای که کنار آن (Recommended) یا (توصیه‌شده) آمده، رزولوشن اصلی مانیتور شماست. تنظیم Scale (مقیاس) درست بالای آن است.
- macOS: منوی Apple > System Settings > Displays، سپس یکی از اندازه‌ها را انتخاب کنید. متن بزرگ‌تر یعنی پیکسلهای CSS کمتر اما بزرگ‌تر؛ رزولوشن واقعی پنل تغییری نمی‌کند.
- iPhone و Android: رزولوشن ثابت است. Display Zoom در iPhone یا «اندازه نمایش» (Display size) در Android اندازه همه‌چیز را تغییر میدهد و در نتیجه اندازه CSS که سایتها میبینند هم عوض میشود.
- برای واضح‌ترین تصویر، رزولوشن اصلی را نگه دارید و به‌جای آن مقیاس را تغییر دهید.
پرسش‌ها
رزولوشن صفحهنمایش من چقدر است؟
در بالای همین صفحه نشان داده شده و از مرورگر شما خوانده میشود. عدد بزرگ اندازهای است که سایتها میبینند؛ خط زیر آن رزولوشن واقعی نمایشگر شما و مقیاسی را که سیستمعامل استفاده میکند نشان میدهد.
چرا 1536 × 864 نشان میدهد در حالی که مانیتورم 1920 × 1080 است؟
سیستم شما روی مقیاس 125% تنظیم شده، پس سایتها صفحهای 1.25 برابر کوچکتر میبینند. رزولوشن واقعی مانیتور همچنان 1920 × 1080 است که زیر عدد اصلی آمده. به همین ترتیب، مقیاس 150% رزولوشن 1920 × 1080 را به 1280 × 720 تبدیل میکند.
آیا 1920 × 1080 همان 1080p و 2K است؟
1920 × 1080 همان Full HD است که 1080p هم نامیده میشود. در مانیتورها 2K معمولاً به 2560 × 1440 (QHD یا 1440p) گفته میشود، هرچند 2K سینمایی 2048 × 1080 است. 4K UHD برابر با 3840 × 2160 است، یعنی چهار برابر پیکسلهای 1080p.
اندازه ویوپورت چیست؟
ویوپورت بخشی از پنجره مرورگر است که صفحه را نشان میدهد، بدون تبها، نوار آدرس و نوارهای اسکرول. سایتهای ریسپانسیو خود را با همین اندازه تطبیق میدهند، پس وقتی طراحان اندازه مرورگرتان را میپرسند، منظورشان همین است.
نسبت پیکسل دستگاه (Device Pixel Ratio) چیست؟
نشان میدهد هر پیکسل CSS از چند پیکسل واقعی تشکیل شده است. عدد 1 یعنی بدون مقیاس، 2 برای مکهای Retina و بسیاری از گوشیها رایج است و 3 برای iPhoneهای جدید. زوم مرورگر هم آن را تغییر میدهد.
چطور رزولوشن صفحه گوشی را بفهمم؟
همین صفحه را روی گوشی باز کنید. گوشیها اندازه را بر حسب پیکسل CSS اعلام میکنند، مثلاً 393 × 852 در iPhone 15. آن را در نسبت پیکسل (3 در همین iPhone) ضرب کنید تا 1179 × 2556 پیکسل واقعی پنل به دست آید؛ این صفحه این کار را برایتان انجام میدهد.
آیا نرخ نوسازی دقیق است؟
این عدد از روی دفعات رسم فریم توسط مرورگر اندازهگیری میشود، پس نزدیک است اما دقیق نیست. حالت صرفهجویی باتری، تب پسزمینه یا کامپیوتر پرمشغله ممکن است آن را کمتر از تنظیم نمایشگرتان نشان دهد.
راهنماها
- آی پی (IP) چیست؟
آدرس IP شماره‌ای است که به اینترنت می‌گوید داده‌های مربوط به شما را کجا بفرستد. در این راهنما می‌بینید آی پی چه شکلی دارد، چه انواعی دارد و آی پی شما چه چیزهایی درباره‌تان می‌گوید.
- چطور آی پی خودم را پیدا کنم؟
آی پی عمومی با یک کلیک پیدا میشود. پیدا کردن آی پی خصوصی به دستگاه بستگی دارد. مراحل دقیق هر کدام را اینجا می‌بینید.
- تفاوت IPv4 و IPv6 چیست؟
IPv6 جایگزین IPv4 شده چون آدرس‌های دنیا تمام شد. این دو را با هم مقایسه می‌کنیم، می‌گوییم چطور بفهمید از کدام استفاده می‌کنید و چرا IPv6 برای کاربران VPN مهم است.
- نشت DNS چیست و چطور رفعش کنیم؟
حتی با VPN روشن، ممکن است دستگاه شما همچنان آدرس هر سایتی را که باز می‌کنید از ارائه‌دهنده اینترنت بپرسد. به این نشت DNS می‌گویند. در اینجا می‌بینید چطور آن را تشخیص دهید و جلویش را بگیرید.