What is the trend in browser usage, display colors and screen resolution?

Web Statistics and Trends

Statistics are important information. What you can read from the statistics below is that most users are using a display with 1024×768 pixels or more, with a color depth of at least 65K colors.

W3Schools is a website for people with an interest for web technologies. This fact indicates that the figures below might not be 100% realistic. The average user might have display screens with a lower resolution.

Anyway, our data, collected from W3Schools’ log-files over five years, clearly shows the long and medium-term trends.

www.w3schools.com/browsers
Display Resolution

……………………………………………………………………………………………….

DESIGN RESOURCES
Compare Web Safe Area
Screen Resolution 640 x 480

Browser    Safe Area    Download File
Mac OS X: Safari    525 x 231     Safari Window (.psd)
Mac OS X: Firefox    525 x 219     Firefox Window (.psd)
Windows Vista: IE    465 x 333     IE Window (.psd)
Windows Vista: Firefox    465 x 320     Firefox Window (.psd)
Windows XP: IE    614 x 327     IE Window (.psd)
Windows XP: Firefox    614 x 334     Firefox Window (.psd)
Safe area for all browsers    465 x 219

Screen Resolution 800 x 600

Browser    Safe Area    Download File
Mac OS X: Safari    685 x 351     Safari Window (.psd)
Mac OS X: Firefox    685 x 339     Firefox Window (.psd)
Windows Vista: IE    625 x 453     IE Window (.psd)
Windows Vista: Firefox    625 x 440     Firefox Window (.psd)
Windows XP: IE    774 x 447     IE Window (.psd)
Windows XP: Firefox    774 x 454     Firefox Window (.psd)
Safe area for all browsers    625 x 339

Screen Resolution 1024 x 768

Browser    Safe Area    Download File
Mac OS X: Safari    909 x 519     Safari Window (.psd)
Mac OS X: Firefox    909 x 507     Firefox Window (.psd)
Windows Vista: IE    849 x 621     IE Window (.psd)
Windows Vista: Firefox    849 x 608     Firefox Window (.psd)
Windows XP: IE    998 x 615     IE Window (.psd)
Windows XP: Firefox    998 x 622     Firefox Window (.psd)
Safe area for all browsers    849 x 507

Screen Resolution 1280 x 960

Browser    Safe Area    Download File
Mac OS X: Safari    1165 x 711     Safari Window (.psd)
Mac OS X: Firefox    1165 x 699     Firefox Window (.psd)
Windows Vista: IE    1105 x 813     IE Window (.psd)
Windows Vista: Firefox    1105 x 800     Firefox Window (.psd)
Windows XP: IE    1254 x 807     IE Window (.psd)
Windows XP: Firefox    1254 x 814     Firefox Window (.psd)
Safe area for all browsers    1105 x 699

Screen Resolution 1600 x 1200

Browser    Safe Area    Download File
Mac OS X: Safari    1485 x 951     Safari Window (.psd)
Mac OS X: Firefox    1485 x 939     Firefox Window (.psd)
Windows Vista: IE    1425 x 1053     IE Window (.psd)
Windows Vista: Firefox    1425 x 1040     Firefox Window (.psd)
Windows XP: IE    1574 x 1047     IE Window (.psd)
Windows XP: Firefox    1574 x 1054     Firefox Window (.psd)
Safe area for all browsers    1425 x 939
HomeContactTerms of ServicesLegal and Privacy

Spesso mi domando quali siano le dimensioni di sicurezza da adottare nella creazione di un sito web. Ecco una valida tabella per individuare le misure di sicurezza da adottare.

Target Platform
Space Used by the Browser
Target : 640 x 480
Target: 800 x 600
Target: 1024 x 768
PC
Internet Explorer
43 x 160
597 x 320
757 x 440
981 x 608
Netscape
46 x 125
594 x 395
754 x 475
978 x 643
MAC
Internet Explorer
53 x 152
587 x 328
747 x 448
971 x 616
Netscape
44 x 130
596 x 350
756 x 470
980 x 638
Target Platform
Target: 640 x 480
Target: 800 x 600
Target: 1024 x 768
ALL
587 x 320
747 x 440
971 x 608