NÄYTÖT JA VERKKOSIVUJEN SISÄLTÖ

Runsaasti ongelmia ovat tuottaneet eri näytöt ja näyttölaitteet, joiden kirjo on kasvanut entuudestaan. Perinteisen täyssävy RGB putken ja LCD (esim. läppäreissä) näyttöjen välillä on huomattava sävyero. Tumma, sävykäs kuva saattaa RGB (täyssävy) näytöllä sisältää runsaan määrän kuvainformaatiota, joka latistuu sävyalueeltaan LCD näytöllä. Jos kuvan tuottaa nimenomaan LCD näytöille, siitä saattaa tulla todella tylsä. On kuitenkin muistettava, että läppärit ja muut LCD näytöillä toimivat laitteet ovat jo tänään valta-asemassa. On vain odoteltava, että LCD näyttöjen sävymäärä kasvaa aikaa myöten ja tuotettava sillä aikaa tylsiä, latteasävyisiä kuvia.
Tämän päivän suositus verkkosivun merkittäväksi, näkyväksi alueeksi on kerrottu olevan 1024×768.

Tuosta pitää laskea pois selaimen vaatimat varat: "the most common class of desktop computer screen, dethroning the 1024 times;768 resolution that was long the target for web design". "...1024×768 held its position as the single-most popular resolution until this year".

Jos käsite "resoluutio" on vieras, se tarkoittaa näytössä olevien pikseleiden, eli kuva-alkioiden lukumäärää - leveys x korkeus. Mitä vähemmän pikseleitä, sitä heikompi kuvan piirtokyky näytöllä on.
Näyttöresoluutio ilmaistaan kuvankäsittelyssä termillä "72 pikseliä tuumalla". Se ei tarkoita, että kuva näkyy kaikkialla saman kokoisena vaan että kuvasta näkyy tuuman matkalla nuo 72 pikseliä. Kymmenen tuuman levyiselle (n. 25 cm) näytölle mahtuu 720 pixeliä leveyssuunnassa.

Eli 1024×768 esitystilasta lähdetään ja tulos on turvalliselle alueelle = suositeltu web safe: for all browsers 849 x 507 (lähde: http://designerstoolbox.com/designresources/safearea/compare/).
Tiedän, että tuo 849 x 507 on kuritusta mutta se on tämän hetkinen suositus, kuten mainittu. Sivuja tehdään tietysti muillakin mitoilla. Pitää muistaa laitteistojen laaja kirjo. Tottakai voidaan rakentaa index-sivulle snifferi joka haistelee, minkä kokoisella näytöllä selain on tulossa MUTTA takaan, että työ ei tule verkkosuunnittelijalta loppumaan, jos joka laitteelle tehdään se oikea visuaalinen syöte, vaikka asia on suunnattomasti helpottunut style-sheettien ja PHP:n keinoin. Jos snifferiin mennään, niin kenties olisi järkevää tarjota esim. kolme versiota tai minimissään kaksi. Toinen muille laitteille ja toinen puhelimille.
Vaikka älypuhelimet taipuvat näyttämään hankalia ja raskaitakin näyttöjä, sivujen käytettävyys ei ole yhtä mukavaa, kuin perus PC:llä tai Macillä. Zoomailu pienellä näytöllä on aikaa vievää.

En pidä 950 leveyttä aivan pahana 1024×768 näytölle mahtuu enemmänkin tavaraa, kuin tuo suositus 849 x 507. On myös mahdollista ja suositeltavaakin, riippuen sivun graafisesta ulkoasusta, antaa sivun kaveta leveyssuunnassa jos näyttö on kapeampi? Scrolleri (vieritys) vie n. 20 pixeliä ja vasemmalle laidalle ei juuri tarvitse tilaa muutoin kuin marginaalien vuoksi. Jos marginaalit ajetaan minimiin, mahtuu tuollainen 950 pixelin leveä asiaikkuna turvallisesti näytölle. Visuaalisuus on aina asia erikseen. Haluatko antaa "ilmaa" sisällölle jne. Muistaa sopii myös, että verkossa luettavissa olevan palstan leveys on pienempi kuin painetussa tekstissä. Palstan leveys on suhteessa käytettyyn fonttikokoon (kirjainkoko) joten mikään ei ole yksiselitteistä. Tähän fonttijuttuun (palstat ja kirjainleikkaukset) voinkin palata seuraavassa jutussa erikseen.

Lisätietoa aiheesta:
https://www.w3.org/  (W3C on Web-standardien ylläpitäjä ja kehittäjä)
https://www.w3.org/TR/WCAG20/ (kaikille verkkosuunniteelijoille erinomaista lukemistoa)