Minkä kokoisen tavallisen aloitussivuni pitäisi olla pikseleinä?

Hyvin suunnitellut aloitussivut jättävät positiivisen vaikutelman ja myyvät tehokkaasti verkkosivustollasi tarjoamaasi tuotetta tai palvelua. Laitteelle sopimattoman ikkunakoon käyttäminen voi pilata aloitussivun kyvyn jättää hyvä vaikutelma ja saada vierailijan sulkemaan ikkunan napsauttamalla X-painiketta. Aloitussivut tulee suunnitella sellaisten käsitteiden ympärille, jotka houkuttelevat käyttäjiä ja selittävät selvästi tuotteen tai palvelun. Aloitussivut eivät ole kotisivuja: vierailijat pääsevät aloitussivuille napsauttamalla linkkiä tai mainosta.

Pöytätietokoneiden ja kannettavien tietokoneiden näyttöjä on saatavilla valtava valikoima kokoja ja resoluutioita, mikä helpottaa pienimmän yhteisen nimittäjän käyttämistä aloitussivun kokoa määritettäessä. Keskimääräinen näytön koko kasvaa jatkuvasti, mutta useimmissa näytöissä on vähintään 1024 x 768 resoluutio. Pöytäkoneen aloitussivut, joiden leveys on 960 pikseliä, toimivat melkein kaikilla tietokoneen näytöillä. Kaikki aloitussivun sisältö 720 pikselin korkeudella näkyy turvallisesti näytöllä sivun latauksen yhteydessä. Työpöydän aloitussivun leveys on paljon tärkeämpi kuin korkeus, koska työpöytäkäyttäjät voivat vierittää näyttöä alaspäin nähdäkseen lisäsisältöä. Voit aina tehdä pienemmän sivun ja uhrata näyttökiinteistön.

Suuri työpöydän aloitussivu ei toimi mobiililaitteilla: sisältö valuu sivulle tai kutistuu lukukelvottomaksi. Mobiililaitteet sopivat "pienen" näytön kokoluokkaan, ja niiden resoluutio on noin 320 pikseliä. Vaikka joissakin mobiililaitteissa on isommat näytöt, kaikki 320 pikselin leveydelle suunnitellut aloitussivut näkyvät hyvin useimmissa mobiililaitteissa. Kuten pöytätietokoneissa, myös mobiilialoitussivujen korkeus on toissijainen huolenaihe. Voit kuitenkin sovittaa näytölle kerralla noin 426 pystysuuntaista pikseliä sisältöä.

Voit kehittää räätälöityjä aloitussivuja tablet-sivustoille; 960 pikselin leveydellä olevat työpöydän aloitussivut sopivat kuitenkin suurempiin tablet-laitteisiin. Pienemmissä 7 tuuman tableteissa on yleensä 640 pikseliä leveät näytöt: 960 pikseliä leveälle näytölle suunnitellut aloitussivut pienennetään noin kolmanneksella, jotta ne mahtuvat pienemmälle näytölle. Koska voit näyttää pienempää sisältöä suuremmalla näytöllä tinkimättä laadusta ja luettavuus, tablettien aloitussivujen suunnittelu, joiden leveys on 640 pikseliä ja korkeus 480 pikseliä, toimii kaikki laitteet. Pienemmät tablet-käyttäjät voivat halutessaan pitää laitteen vaakatilassa, kun taas isommat tabletin käyttäjät pitävät laitetta pystytilassa, jolloin 640 pikselin leveys sopii molempiin näyttökokoihin.

Voit luopua erilaisten aloitussivujen tekemisestä eri laitteille ja käyttää sen sijaan mediakyselyitä ja a responsiivinen suunnittelukonsepti sivun rakentamiseksi, joka järjestää sisältöä uudelleen vierailijan koon mukaan näyttö. Responsiivisen suunnittelun aloitussivut voidaan määrittää liikkumaan sisällössä ja muuttamaan sisällön kokoa eri resoluutioalueilla, jolloin sisältö voidaan näyttää mukavasti kaikilla näytöillä.