Mille ruututarkuudelle sivut sopiviksi

Ihmisillä on käytössään erilaisia näyttöjä, jotka ilmeisesti yleisimmin on säädetty 800x600 tai 1024x768 tarkkuuteen. Kummallekohan koolle kannattaisi sivut suunnitella. Olen suunnitellut sivuja 800x600 tarkkuudelle, mutta sivut ja kuvatkin näyttävät aika pieniltä 1024x768 -ruudulla.
Resoluution tunnistuksen ja ehtolauseen avulla kyllä saa katselijan ruudulle ihan sopivan vaihtoehdon, jos on jaksanut värkätä useita vaihtoehtoja.
Mitä siis pitäisi tehdä, kannattaako jatkaa sivujen tekemistä 800x600 näytölle sopiviksi?
19540
Äänestä

Muut lukivat myös

Vastaukset 19

Vanhimmat

Ainakin mä teen sivut pääasiassa 1024x768 tarkkuudelle koska en tunne ketään jolla olisi enää 800x600 -tarkkuus. Itsellänikin on 1280x1024.

Ja kohteliaisuudesta sivuille tuleepi aina ilmoitus että "suunniteltu sille ja sille resolle" jotta kaikki reppanat voivat sit säätää jos tuntuu siltä.

Äänestä
  • Joo, mulla on 19-tuumainen näyttö, jota voi tietenkin säädellä ja mukavin katselutulos mielestäni tulee kyllä 800x600 säädöllä. Ihmettelen kuitenkin hieman tuota 1280x1024 resoluutiota, joka on kylläkin ihan oikein, mutta sen sivujen suhde 0n 1,25 kun se muissa pikselitarkkuuksissa on 1,33. Mistähän moinen johtuu vai mahtaako asialla olla mitään väliä?

    Äänestä

  • Höpsö kirjoitti:

    Joo, mulla on 19-tuumainen näyttö, jota voi tietenkin säädellä ja mukavin katselutulos mielestäni tulee kyllä 800x600 säädöllä. Ihmettelen kuitenkin hieman tuota 1280x1024 resoluutiota, joka on kylläkin ihan oikein, mutta sen sivujen suhde 0n 1,25 kun se muissa pikselitarkkuuksissa on 1,33. Mistähän moinen johtuu vai mahtaako asialla olla mitään väliä?

    No mulla on 17" joten se saattaa olla hieman eri kuvasuhde vaikken ihan kyl tajunnutkaan mitä tarkoitit.
    Ihmettelen tosin miten tykkäät tosta 800x600 resosta kun se on vähän kökköä, etenkin noin isolla näytöllä (oma mielipide), mutta en puutu siihen mitenkään sen kummemmin..

    Ja totta on, että sivut kannattaa tehdä alaspäin skaalautuviks ja ehkä hieman kapeiksikin, jolloin se näkyy kaikilla resoilla miltei samanlailla.

    Äänestä

  • Olbe kirjoitti:

    No mulla on 17" joten se saattaa olla hieman eri kuvasuhde vaikken ihan kyl tajunnutkaan mitä tarkoitit.
    Ihmettelen tosin miten tykkäät tosta 800x600 resosta kun se on vähän kökköä, etenkin noin isolla näytöllä (oma mielipide), mutta en puutu siihen mitenkään sen kummemmin..

    Ja totta on, että sivut kannattaa tehdä alaspäin skaalautuviks ja ehkä hieman kapeiksikin, jolloin se näkyy kaikilla resoilla miltei samanlailla.

    Resoluutiot:

    640/480 = 1,3333...
    800/600 = 1,3333...
    1024/768 = 1,3333...
    1280/1024 = 1,25
    1600/1200 = 1,3333...

    eli siis ko. pikselitarkkuudessa sivujen suhde on erilainen kuin muissa.

    Äänestä

  • Höpsö kirjoitti:

    Resoluutiot:

    640/480 = 1,3333...
    800/600 = 1,3333...
    1024/768 = 1,3333...
    1280/1024 = 1,25
    1600/1200 = 1,3333...

    eli siis ko. pikselitarkkuudessa sivujen suhde on erilainen kuin muissa.

    Mistä sä tollasia lukemia repäsit?
    Onks noi laskettu vai näkeekö ne jostakin, nimittäin ei vieläkään oo oikein hajua mitä noilla haet takaa..

    Enkä ole huomannut mitään eroa sivujen/kuvien skaalauksissa muihin resoihin nähden, saahan kuvaa 'venytettyä' koko ruudun mitalle joten silmämääräisesti sillä ei ole tietääkseni mitään eroa. Ainakaan itse en ole huomannut.

    Äänestä

  • Sivut pitäs aina tehä maksimissaan 800 leveiks, jotta ne varmasti toimisivat 800x600 resolla.

    Monella ihmisellä on vielä koneessaan juuri tuo 800x600 reso, ja kuka jaksaa kattoo sivuja joita pitää selata vaakasuunnassa?

    Suomi24 on hyvä esimerkki siitä että on saatu sivut toimiin 800x600 resolla. Eli on siis tehty kapeet näistä sivuista.

    Äänestä

  • Olbe kirjoitti:

    Mistä sä tollasia lukemia repäsit?
    Onks noi laskettu vai näkeekö ne jostakin, nimittäin ei vieläkään oo oikein hajua mitä noilla haet takaa..

    Enkä ole huomannut mitään eroa sivujen/kuvien skaalauksissa muihin resoihin nähden, saahan kuvaa 'venytettyä' koko ruudun mitalle joten silmämääräisesti sillä ei ole tietääkseni mitään eroa. Ainakaan itse en ole huomannut.

    Montako päivää olet koulussa viihtynyt?
    En tiedä miten miellät "/" merkin, mutta yleisestihän se on jakomerkki. 800/600 tarkoittaa 800 jaettuna 600:lla. No, et varmaan vieläkään tajua, mutta näpyttelepäs laskimeesi (jos ei ole niin sano äidille, että käy ostamassa) nuo luvut ja kas kummaa, mikäs tulos sieltä tuleekaan...

    Pientä analogiaa käyttäen tajuat varmaan loputkin (I hope)

    Äänestä

  • Menttori kirjoitti:

    Montako päivää olet koulussa viihtynyt?
    En tiedä miten miellät "/" merkin, mutta yleisestihän se on jakomerkki. 800/600 tarkoittaa 800 jaettuna 600:lla. No, et varmaan vieläkään tajua, mutta näpyttelepäs laskimeesi (jos ei ole niin sano äidille, että käy ostamassa) nuo luvut ja kas kummaa, mikäs tulos sieltä tuleekaan...

    Pientä analogiaa käyttäen tajuat varmaan loputkin (I hope)

    Miellyttävää kuinka avuliaita ihmisiä täällä pyörii hyvällä asialla. Joo. Kyllä se kävi ilmi, kiitos Sinun. Ei tarvinnut laskuria kun sen vastauksen jo kerroit. :)

    Mutta kuten ilmi kävi, Sinunkaan viestissä ei ollut mitään sisältöä, joka olisi valottanut tätä keskustelua yhtään eteenpäin, joten jos Sinä kykenet selvittämään käytännön ja ah, niin ihanan teorian eron, niin kerro vaan rohkeasti.

    Kyllähän matikkaa koulussa oppii, mut missä kulkeekaan kokemuksen ja kirjatiedon ero..?

    Äänestä

  • Olbe kirjoitti:

    Mistä sä tollasia lukemia repäsit?
    Onks noi laskettu vai näkeekö ne jostakin, nimittäin ei vieläkään oo oikein hajua mitä noilla haet takaa..

    Enkä ole huomannut mitään eroa sivujen/kuvien skaalauksissa muihin resoihin nähden, saahan kuvaa 'venytettyä' koko ruudun mitalle joten silmämääräisesti sillä ei ole tietääkseni mitään eroa. Ainakaan itse en ole huomannut.

    Piirrä ympyrä, jonka säde on täsmälleen 960 pistettä ja aseta se taustakuvaksi. Kun käytät 1280x960 resoa, ympyrä on pyöreä (kunhan monitorisi piirtää kovan ns. runasta reunaan eli on suhteessa 4:3, kuten pitääkin). Kun käytät resoa 1280x1024, ympyrä on litteä. Elikkä piste ei olekaan neliö, vaan suorakulmio. Aina kun monitorin leveyden ja korkeuden suhde on 4:3 ja reson suhde on samoin 4:3, niin pikselit ovat nelilöitä. Jos suhteet eivät täsmää, pikselit "venyvät". Esim. "vanhat" resot cga/ega/vga 320x200, cga/ega 640x200, ega 640x350 sitten tämä svga 1280x1024

    Äänestä

  • Olbe kirjoitti:

    Miellyttävää kuinka avuliaita ihmisiä täällä pyörii hyvällä asialla. Joo. Kyllä se kävi ilmi, kiitos Sinun. Ei tarvinnut laskuria kun sen vastauksen jo kerroit. :)

    Mutta kuten ilmi kävi, Sinunkaan viestissä ei ollut mitään sisältöä, joka olisi valottanut tätä keskustelua yhtään eteenpäin, joten jos Sinä kykenet selvittämään käytännön ja ah, niin ihanan teorian eron, niin kerro vaan rohkeasti.

    Kyllähän matikkaa koulussa oppii, mut missä kulkeekaan kokemuksen ja kirjatiedon ero..?

    Vastauksen kertoi jo joku ennen mua, mä vaan yritin selventää asiaa kun se ei tuntunut menevän sulle jakeluun.

    Et sä musta saa mitään teorianörttiä tehtyä sitten millään joten anna olla. Yritin vain valaista sulle mitä jakolasku tarkoittaa ja miten se lasketaan. Kokemusta mulla on takuulla enemmän kuin sinulla ja varmasti myös kirjatietoa, mut se ei kuulu tälle palstalle

    Äänestä

  • Menttori kirjoitti:

    Vastauksen kertoi jo joku ennen mua, mä vaan yritin selventää asiaa kun se ei tuntunut menevän sulle jakeluun.

    Et sä musta saa mitään teorianörttiä tehtyä sitten millään joten anna olla. Yritin vain valaista sulle mitä jakolasku tarkoittaa ja miten se lasketaan. Kokemusta mulla on takuulla enemmän kuin sinulla ja varmasti myös kirjatietoa, mut se ei kuulu tälle palstalle

    Häh, onks joku syöny sun evääs?
    Etkä ehkä olekaan teorianörtti mut annat sellasen ensivaikutelman..
    Mut jooh, palataan kirjojemme ääreen ja hymyillään kuin ei oltaiskaan.

    Äänestä

  • Punikki & 7 hyypiötä kirjoitti:

    Piirrä ympyrä, jonka säde on täsmälleen 960 pistettä ja aseta se taustakuvaksi. Kun käytät 1280x960 resoa, ympyrä on pyöreä (kunhan monitorisi piirtää kovan ns. runasta reunaan eli on suhteessa 4:3, kuten pitääkin). Kun käytät resoa 1280x1024, ympyrä on litteä. Elikkä piste ei olekaan neliö, vaan suorakulmio. Aina kun monitorin leveyden ja korkeuden suhde on 4:3 ja reson suhde on samoin 4:3, niin pikselit ovat nelilöitä. Jos suhteet eivät täsmää, pikselit "venyvät". Esim. "vanhat" resot cga/ega/vga 320x200, cga/ega 640x200, ega 640x350 sitten tämä svga 1280x1024

    Dodiih, vihdoinkin joku kunnollinen peruste, kiitti.

    Äänestä

  • Olbe kirjoitti:

    Häh, onks joku syöny sun evääs?
    Etkä ehkä olekaan teorianörtti mut annat sellasen ensivaikutelman..
    Mut jooh, palataan kirjojemme ääreen ja hymyillään kuin ei oltaiskaan.

    Eväät on tallella..
    Mulle on aivan sama millaisen ensivaikutelman annan sun kaltaisillesi ihmisille. Sulla näytti olevan vaikeuksia hahmottaa jakolaskua ja yritin havainnollisesti esittää sen sinulle.

    Vittu jos sulle ei mene jakeluun tänään mikään niin anna olla. Syö kaurapuuroa ja mene yöunille

    Äänestä

  • Menttori kirjoitti:

    Eväät on tallella..
    Mulle on aivan sama millaisen ensivaikutelman annan sun kaltaisillesi ihmisille. Sulla näytti olevan vaikeuksia hahmottaa jakolaskua ja yritin havainnollisesti esittää sen sinulle.

    Vittu jos sulle ei mene jakeluun tänään mikään niin anna olla. Syö kaurapuuroa ja mene yöunille

    Mielenkiintoista kuinka aihe aina eksyy offtopiciks, eikö totta?
    Tuon jokolaskun 'hahmottaminenkaan' ei liittynyt aiheeseen enää mitenkään, joten miks mulle riuhdot, mä yritin saada käytännönläheisen esimerkin jonka sitten sainkin, toiselta taholta.
    Mut ihan oikeesti, ei oo terveellistä stressata noin paljoa pienistä asioista.

    Mutta kiitos, saatiin taas lukemisen arvoinen aihe tällekin yleensä niin tylsälle palstalle. ;D

    Äänestä

  • Ammattilaiset tekevät sivut nykyisin 800x600 kokoon.
    Jos joku sanoo 'en enää ole nähnyt kenelläkään tuota..', niin se tarkoittaa vaan sitä, että itsellä ja kavereilla sattuu olemaan sivut suuremmassa resoluutiossa, ei kerro mitään keskimääräisestä resolutiosta.
    Mutta kuten sanottu: ammattilaiset käyttävät 800x600.

    Äänestä

  • oli minullekin huomata, että sivuillani käyneistä 20%:lla on 800*600 näyttö! Saman verran on 1280*1024 näyttöjä. Suurimmalla osalla (46%) on 1024*768 resoluutio.
    Kyseessä on yrityksen kotisivu, ja itse olin kuvitellut, että kävijöillä olisi suuremmat näytöt...

    Äänestä

itse suosin sivuston leveytenä 700 pikseliä ja korkeutena 400 pikselistä tarpeen mukaan suuremmaksi, eli sivu skaalautuu tarvittaessa alaspäin.. ihmettelen suuresti jos jollakin sivulla "tarvitaan" enemmän leveyttä kuin tuo 700 pikseliä.. silloin on jo asettelussa jotain mätää.. kyllä sivuja alaspäin vielä tarvittaessa scrollaa mutta ei kyllä sivulle..

tuskin kukaan, kenellä on käytössä suuri näyttö ja/tai suurempi resoluutio käyttää sivujen selailuun koko ruutua..

Äänestä

Oikein tehdyt www-sivut mukautuvat ikkunan kokoon. Jotain on pielessä, jos yleensä täytyy miettiä tuollaista asiaa.

Hyviä esimerkkejä:
http://www.webstandards.org/
http://www.meyerweb.com/
Kokeile kaventaa/leventää selainikkunaa.
Kannattaa muuten tutkia sivujen sisältöäkin...

Aivan päättömältä kuulostaa ajatus tehdä useita versioita eri resoluutioille.

Äänestä
  • Jos haluaa näyttää valokuvia koko ruudun kokoisena, niin kuvien koon prosenttimääritys ei anna parasta mahdollista laatua (kokeiltu on). Tällaisissa erikoistapauksissa minun käsittääkseni ei auta muu, kuin optimoida kuvat ainakin kahdelle eri resoluutiolle erikseen. 800x600 kuvat eivät enää näytäkkään niin hyviltä jos ne suurennetaan 1024 levyisiksi tai päinvastoin. Täytyy huomenna tsekata noi sun antaman linkit. Kiitos niistä etukäteen.
    Aika harvat sivustot muuten mukautuvat ruudun pikselitarkkuuden mukaan, mutta tulevaisuudessa asia voi olla toisin.

    Äänestä

Kommentoi aloitusta


Höpsö kirjoitti:

Ihmisillä on käytössään erilaisia näyttöjä, jotka ilmeisesti yleisimmin on säädetty 800x600 tai 1024x768 tarkkuuteen. Kummallekohan koolle kannattaisi sivut suunnitella. Olen suunnitellut sivuja 800x600 tarkkuudelle, mutta sivut ja kuvatkin näyttävät aika pieniltä 1024x768 -ruudulla.
Resoluution tunnistuksen ja ehtolauseen avulla kyllä saa katselijan ruudulle ihan sopivan vaihtoehdon, jos on jaksanut värkätä useita vaihtoehtoja.
Mitä siis pitäisi tehdä, kannattaako jatkaa sivujen tekemistä 800x600 näytölle sopiviksi?

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu