Katso lisätietoja työkalustaKatso välittömästi, miltä sivustosi näyttää johtavilla mobiililaitteilla

Responsiivisuustarkistaja

Välittömässä responsiivisen verkkosivuston esikatselutilassa voit tarkastaa, miltä sivustosi näyttää suosituimmilla laitteilla (mobiililla, tabletilla ja pöytäkoneella) tai kustomoiduilla resoluutioilla.

Varmista, että sivustosi näyttää täydelliseltä, millä tahansa laitteella kävijät sitä sitten katselevatkaan!

Tämä kenttä vaaditaanURL ei kelpaa. Varmista, että URL on syötetty oikein!
Suositut laitteetKaikki laitteetKustomoitu resoluutio
Mobiili
iPhone X(375x812)
iPhone 8(375x812)
iPhone 6s(750x1334)
iPhone 12(390x844)
Samsung Galaxy S7(360x640)
Samsung Galaxy J7(360x640)
Samsung Galaxy S9(360x740)
Samsung Galaxy Fold (folded)(280x653)
Samsung Galaxy Fold (unfolded)(768x1076)
Samsung Galaxy Note 20(412x883)
Tabletti
Asus Nexus 7(600x960)
iPad(768x1024)
iPadPro(1024x1336)
Kindle Fire, Samsung Galaxy Tab 7”(600x1024)
Pöytäkone
13”Muistikirja(1280x800)
15”Muistikirja(1366x768)
19”Muistikirja(1440x900)
21”Muistikirja(1920x1080)
iPhone X375x812
iPhone X812x375
iPhone 8375x812
iPhone 8812x375
iPhone 6s750x1334
iPhone 6s1334x750
iPhone 12390x844
iPhone 12844x390
Samsung Galaxy S7360x640
Samsung Galaxy S7640x360
Samsung Galaxy J7360x640
Samsung Galaxy J7640x360
Samsung Galaxy S9360x740
Samsung Galaxy S9740x360
Samsung Galaxy Fold (folded)280x653
Samsung Galaxy Fold (folded)653x280
Samsung Galaxy Fold (unfolded)768x1076
Samsung Galaxy Fold (unfolded)1076x768
Samsung Galaxy Note 20412x883
Samsung Galaxy Note 20883x412
Asus Nexus 7600x960
Asus Nexus 7960x600
iPad768x1024
iPad1024x768
iPadPro1024x1336
iPadPro1336x1024
Kindle Fire, Samsung Galaxy Tab 7”600x1024
Kindle Fire, Samsung Galaxy Tab 7”1024x600
13”Muistikirja1280x800
15”Muistikirja1366x768
19”Muistikirja1440x900
21”Muistikirja1920x1080
X
Kustomoitu resoluutio1920x1080

Usein kysytyt kysymykset

Mitä on mobiiliresponsiivisuus?
Termiä mobiiliresponsiivisuus käytetään kuvaamaan verkkosivuston kykyä järjestää sisältönsä automaattisesti puhelimen, tabletin ja tietokoneen näytölle sopivaksi. Fyysisesti saman kokoisilla näytöilläkin voi olla eri resoluutio, ja siksi mobiiliresponsiivisuus keskittyykin eri resoluutioiden kanssa toimimiseen. Esimerkiksi iPadit ovat keskenään hyvin saman kokoisia, mutta eri sukupolven laitteissa on eroja resoluution kannalta – uudet retina-näytöt ovat tarkempia kuin vanhemmat näytöt.
Mikä on responsiivisuuden tarkistustyökalu?
Kun syötät sivustosi osoitteen tarkistustyökaluun, voit nopeasti nähdä, miltä sisältö näyttää erilaisilla näytöillä katsottuna. Voit valita laitteeksi tietokoneen, mobiililaitteen, tabletin tai jonkin täysin mukautetun resoluution.
Kuinka responsiivisuustarkistaja toimii?
Syötä vain sivustosi URL-osoite ja klikkaa painiketta “testaa sivu”, niin työkalu hoitaa loput puolestasi. Voit valita kohdelaitteeksi jonkin suosituimpien laitteiden listasta – mukaan lukien iPhone X, iPhone 8, iPad, Samsung Galaxy S7, Kindle Fire ja 14” kannettava tietokone – tai valitse “kaikki laitteet”-välilehdeltä sopiva resoluutio mobiililaitteelle, tabletille tai pöytätietokoneelle.
Miksi sivuston mobiiliresponsiivisuutta on tärkeää testata?
Yleensä verkkosivustoa tehdessä (tai teetettäessä) työ tapahtuu pöytätietokoneella, mutta todellisuudessa yli 50% kaikesta verkkoselailusta tapahtuu mobiililaitteella. Puhelimilla tai tableteilla on usein pienempi resoluutio kuin tietokoneilla, joten sivuston suunnittelijan on varmistettava, että sivuston käyttö ja navigointi onnistuu myös pienemmällä näytöllä.

Liian pieni teksti, vain osittain näkyvissä olevat kuvat ja jatkuva zoomaamisen tarve saattaa nopeasti karkottaa mobiililaitteilla sivustoasi käyttävät ihmiset jonnekin muualle. Käyttämäsi kotisivukone tai WordPress-teema saattaa mainostaa itseään mobiiliresponsiiviseksi tai “optimoiduksi”, mutta sinun kannattaa kuitenkin aina testata tämä omin silmin!

74942
74942
Tykkäsitkö työkalusta? Arvostele se!
4.7 (Arvostellut 1271 käyttäjää)
Olet jo äänestänyt! Kumoa
Sinun tulee käyttää työkalua ennen arvostelua
Tämä kenttä vaaditaanMaximal length of comment is equal 80000 charsKommentin minimipituus on 10 merkkiä

Ihanaa, että ykkäsit!

Jaa kavereille!

Paina Ctrl+D lisätäksesi työkalu heti kirjanmerkkeihisi!