Responsiivisuuden tarkistaja

Varmista että sivustosi näyttää hyvältä kaikenkokoisilla ruuduilla katsottuna!

Haemme sivustoasi...

Syömme vähän evästeitä...

Generoimme esikatselua...

Viimeistelemme asetuksia...

Lähes valmista!!

Valitse laite

Tallennetut laitteet
Mobiili
Tabletti
Pöytäkone
Mukautettu koko
Vertaa

Kierrä

Ota näyttökuva

Tallenna asetukset Tallennettu!

Valitse laite

Apple
- iPhone 8 / 7 375x667
- iPhone 8+ / 7 / 6S+ 414x736
- iPhone 11 / XS / X 375x812
- iPhone 11 Pro Max / XR 414x896
- iPhone SE 320x568
- iPhone 12 Mini 360x780
- iPhone 12 Pro / 12 390x844
- iPhone 12 Pro Max 360x780
Samsung
- Galaxy S21 Ultra 384x854
- Galaxy S21 / S20 FE 360x800
- Galaxy Note 20 Ultra 480x1029
- Galaxy S20 / S20+ 480x1067
- Galaxy Note 10 Plus 360x718
- Galaxy S10 / S9 / S8 360x740
- Galaxy Z Fold 2 884x1104
- Galaxy Fold 768x1076
Huawei
- P40 Pro+ / P40 Pro 400x880
- Mate 40 Pro 448x924
- P40 / P30/ Mate20 360x780
- P30 Pro 400x866
- Mate 30 Pro 392x800
- Mate 10 Pro 360x720
- P Smart 360x800
- Mate 20 X 540x1122
Oppo
- Find X2 Pro / X2 480x1056
- Find X2 Neo / Reno 4 Pro / A9 / A72 360x800
- Reno 10x Zoom / Reno2Z 360x780
- F7 Youth/ A83 360x720
Xiaomi
- Mi 11 480x1066
- Poco X3 NFC / Mi10T Pro / Black Shark 3 393x873
- Mi 10 Pro / Mi Note 10 / K20 393x851
- Redmi Note 5 Pro 360x720
Google Pixel
- 5 / 4a 393x851
- 4 XL 412x869
- 4 393x830
- 3 XL 412x846
- 3a 393x808
- 2 / XL 412x732
OnePlus
- 9 Pro 412x919
- Nord / 9 / 8T 412x915
- 8 Pro 412x906
- 7T Pro / 6T 412x892
- 6 412x892

Valitse uusi laite

Kierrä

Ota näyttökuva

Tallenna asetukset Tallennettu!

Valitse laite

Apple
- iPad Air 4 / 10.9" 820x1180
- iPad Pro 10.2″ 810x1080
- iPad Pro 11″ 834x1194
- iPad Pro 12.9″ 1024x1366
- iPad 6 / Mini 5 768x1024
- iPad Pro 10.5″ / Air3 834x1112
Samsung
- Galaxy Tab S7 Plus 839x1194
- Galaxy Tab A7 10.4" / S6 Lite 800x1333
- Galaxy Tab S7/ S6 / A 10.1" 800x1280
- Galaxy Tab Active3 / A 8.4" 600x960
Amazon
- Fire HD 8 / 8+ 615x985
- Fire HD 10 800x1280
- Fire 7 500x853
Lenovo
- Tab P11 Pro 914x1463
- Tab P11 857x1428
- M10+ / Yoga Smart / Chromebook Duet 800x1280
- ThinkPad X12 Detachable 900x1600
- Tab M7 600x1024
- Tab M8 (FHD) 600x960
Other
- Microsoft Surface Pro 7 912x1368
- Microsoft Surface Go 2 853x1280
- Huawei MatePad 10.4 800x1333
- Huawei MediaPad M5 800x1280
- Google Pixel Slate 1000x1500

Valitse uusi laite

Kierrä

Ota näyttökuva

Tallenna asetukset Tallennettu!

Valitse laite

Desktop
- Laptop 1366x768
- Desktop 1920x1080
- Desktop 1536x864
- Desktop 1440x900
- Desktop 1280x720
- Desktop 1600x900
- Netbook 1024x768

Valitse uusi laite

Kierrä

Ota näyttökuva

Tallenna asetukset Tallennettu!

Leveys

Korkeus

Valitse uusi laite

Kierrä

Valitse laite

Mobiili
- Apple
  - iPhone 8 / 7 375x667
  - iPhone 8+ / 7 / 6S+ 414x736
  - iPhone 11 / XS / X 375x812
  - iPhone 11 Pro Max / XR 414x896
  - iPhone SE 320x568
  - iPhone 12 Mini 360x780
  - iPhone 12 Pro / 12 390x844
  - iPhone 12 Pro Max 360x780
- Samsung
  - Galaxy S21 Ultra 384x854
  - Galaxy S21 / S20 FE 360x800
  - Galaxy Note 20 Ultra 480x1029
  - Galaxy S20 / S20+ 480x1067
  - Galaxy Note 10 Plus 360x718
  - Galaxy S10 / S9 / S8 360x740
  - Galaxy Z Fold 2 884x1104
  - Galaxy Fold 768x1076
- Huawei
  - P40 Pro+ / P40 Pro 400x880
  - Mate 40 Pro 448x924
  - P40 / P30/ Mate20 360x780
  - P30 Pro 400x866
  - Mate 30 Pro 392x800
  - Mate 10 Pro 360x720
  - P Smart 360x800
  - Mate 20 X 540x1122
- Oppo
  - Find X2 Pro / X2 480x1056
  - Find X2 Neo / Reno 4 Pro / A9 / A72 360x800
  - Reno 10x Zoom / Reno2Z 360x780
  - F7 Youth/ A83 360x720
- Xiaomi
  - Mi 11 480x1066
  - Poco X3 NFC / Mi10T Pro / Black Shark 3 393x873
  - Mi 10 Pro / Mi Note 10 / K20 393x851
  - Redmi Note 5 Pro 360x720
- Google Pixel
  - 5 / 4a 393x851
  - 4 XL 412x869
  - 4 393x830
  - 3 XL 412x846
  - 3a 393x808
  - 2 / XL 412x732
- OnePlus
  - 9 Pro 412x919
  - Nord / 9 / 8T 412x915
  - 8 Pro 412x906
  - 7T Pro / 6T 412x892
  - 6 412x892
Tabletti
- Apple
  - iPad Air 4 / 10.9" 820x1180
  - iPad Pro 10.2″ 810x1080
  - iPad Pro 11″ 834x1194
  - iPad Pro 12.9″ 1024x1366
  - iPad 6 / Mini 5 768x1024
  - iPad Pro 10.5″ / Air3 834x1112
- Samsung
  - Galaxy Tab S7 Plus 839x1194
  - Galaxy Tab A7 10.4" / S6 Lite 800x1333
  - Galaxy Tab S7/ S6 / A 10.1" 800x1280
  - Galaxy Tab Active3 / A 8.4" 600x960
- Amazon
  - Fire HD 8 / 8+ 615x985
  - Fire HD 10 800x1280
  - Fire 7 500x853
- Lenovo
  - Tab P11 Pro 914x1463
  - Tab P11 857x1428
  - M10+ / Yoga Smart / Chromebook Duet 800x1280
  - ThinkPad X12 Detachable 900x1600
  - Tab M7 600x1024
  - Tab M8 (FHD) 600x960
- Other
  - Microsoft Surface Pro 7 912x1368
  - Microsoft Surface Go 2 853x1280
  - Huawei MatePad 10.4 800x1333
  - Huawei MediaPad M5 800x1280
  - Google Pixel Slate 1000x1500
Pöytäkone
- Desktop
  - Laptop 1366x768
  - Desktop 1920x1080
  - Desktop 1536x864
  - Desktop 1440x900
  - Desktop 1280x720
  - Desktop 1600x900
  - Netbook 1024x768

Valitse vertailuun uusi laite

Kierrä

Valitse laite

Mobiili
- Apple
  - iPhone 8 / 7 375x667
  - iPhone 8+ / 7 / 6S+ 414x736
  - iPhone 11 / XS / X 375x812
  - iPhone 11 Pro Max / XR 414x896
  - iPhone SE 320x568
  - iPhone 12 Mini 360x780
  - iPhone 12 Pro / 12 390x844
  - iPhone 12 Pro Max 360x780
- Samsung
  - Galaxy S21 Ultra 384x854
  - Galaxy S21 / S20 FE 360x800
  - Galaxy Note 20 Ultra 480x1029
  - Galaxy S20 / S20+ 480x1067
  - Galaxy Note 10 Plus 360x718
  - Galaxy S10 / S9 / S8 360x740
  - Galaxy Z Fold 2 884x1104
  - Galaxy Fold 768x1076
- Huawei
  - P40 Pro+ / P40 Pro 400x880
  - Mate 40 Pro 448x924
  - P40 / P30/ Mate20 360x780
  - P30 Pro 400x866
  - Mate 30 Pro 392x800
  - Mate 10 Pro 360x720
  - P Smart 360x800
  - Mate 20 X 540x1122
- Oppo
  - Find X2 Pro / X2 480x1056
  - Find X2 Neo / Reno 4 Pro / A9 / A72 360x800
  - Reno 10x Zoom / Reno2Z 360x780
  - F7 Youth/ A83 360x720
- Xiaomi
  - Mi 11 480x1066
  - Poco X3 NFC / Mi10T Pro / Black Shark 3 393x873
  - Mi 10 Pro / Mi Note 10 / K20 393x851
  - Redmi Note 5 Pro 360x720
- Google Pixel
  - 5 / 4a 393x851
  - 4 XL 412x869
  - 4 393x830
  - 3 XL 412x846
  - 3a 393x808
  - 2 / XL 412x732
- OnePlus
  - 9 Pro 412x919
  - Nord / 9 / 8T 412x915
  - 8 Pro 412x906
  - 7T Pro / 6T 412x892
  - 6 412x892
Tabletti
- Apple
  - iPad Air 4 / 10.9" 820x1180
  - iPad Pro 10.2″ 810x1080
  - iPad Pro 11″ 834x1194
  - iPad Pro 12.9″ 1024x1366
  - iPad 6 / Mini 5 768x1024
  - iPad Pro 10.5″ / Air3 834x1112
- Samsung
  - Galaxy Tab S7 Plus 839x1194
  - Galaxy Tab A7 10.4" / S6 Lite 800x1333
  - Galaxy Tab S7/ S6 / A 10.1" 800x1280
  - Galaxy Tab Active3 / A 8.4" 600x960
- Amazon
  - Fire HD 8 / 8+ 615x985
  - Fire HD 10 800x1280
  - Fire 7 500x853
- Lenovo
  - Tab P11 Pro 914x1463
  - Tab P11 857x1428
  - M10+ / Yoga Smart / Chromebook Duet 800x1280
  - ThinkPad X12 Detachable 900x1600
  - Tab M7 600x1024
  - Tab M8 (FHD) 600x960
- Other
  - Microsoft Surface Pro 7 912x1368
  - Microsoft Surface Go 2 853x1280
  - Huawei MatePad 10.4 800x1333
  - Huawei MediaPad M5 800x1280
  - Google Pixel Slate 1000x1500
Pöytäkone
- Desktop
  - Laptop 1366x768
  - Desktop 1920x1080
  - Desktop 1536x864
  - Desktop 1440x900
  - Desktop 1280x720
  - Desktop 1600x900
  - Netbook 1024x768

Valitse vertailuun uusi laite

Testaa sivustosi responsiivisuus kolmella helpolla vaiheella

Katso miltä sivustosi näyttää puhelimella, tabletilla, tietokoneella ja mukautetulla resoluutiolla, ja varmista että kaikki näyttää hyvältä laitteesta riippumatta.

1 Syötä URL-osoitteesi

Kirjoita testattavan verkkosivuston osoite (URL).

2 Valitse laitetyyppi

Valitse sivuston esikatseluun käytettävä laitetyyppi. Jokaisella laitetyypillä on vielä erikseen lista suosituimmista yksittäisistä merkeistä ja malleista. Valitse yksi tai useampi laite, ja näe miltä sivustosi näyttää vierailijan laitteella katsottuna.

3 Vertaile esikatseluita

Voit nähdä vierekkäin sivustosi esikatselun kullakin eri laitteella. Mikäli haluat tietää sivustosi suorituskyvystä lisätietoja kunkin laitteen kohdalla, kaikki tarvittava löytyy Webin avaintiedot -osiosta.

Usein kysytyt kysymykset

Mitä on mobiiliresponsiivisuus? Mobiiliresponsiivinen sivusto on suunniteltu mukautumaan eri kokoisille puhelimen, tabletin tai tietokoneen näytölle. Vaikka eri näyttöjen fyysiset ulkomitat olisivat samoja, resoluutioissa voi silti olla suuriakin eroja, ja responsiivinen sivusto mukautuu juuri resoluution perusteella. Esimerkiksi iPadilla näyttö on samankokoinen vuosimallista riippumatta, mutta resoluutio yleensä kasvaa paremmaksi jokaisen uuden vuosimallin myötä. Mobiiliresponsiivinen sivusto näyttää hyvältä kaikilla laitteilla ja resoluutiolla. Mitä responsiivisuuden tarkistustyökalu tekee? Responsiivisuuden tarkistajan avulla voit nähdä, miltä sivustosi näyttää erilaisilla laitteilla katsottuna, mukaan lukien suositut puhelin- ja tablet-mallit sekä kokonaan itse säädetyt resoluutiot. Kuinka Responsiivisuuden tarkistaja toimii? Kirjoita vain sivustosi URL-osoite tähän responsiivisuustyökaluun, niin se hoitaa loput. Nähdäksesi esikatselun jollakin tietyllä laitteella, valitse listalta jokin suosituimmista – esimerkiksi iPhone X, iPhone 8, iPad, Samsung Galaxy S7, Kindle Fire tai 14 tuuman kannettava tietokone. “Kaikki laitteet” -valikosta löydät lisää vaihtoehtoja puhelimen, tabletin tai tietokoneen resoluutiolle. Miksi sivuston responsiivisuus pitää tarkistaa? Yleensä verkkosivut luodaan pöytätietokoneella, mutta nykyään 50% varsinaisesta internetin selaamisesta tapahtuu mobiililaitteella. Puhelimen näyttö on pienempi kuin tietokoneella, joten sinun kannattaa tarkistaa, että sivusto näkyy ja toimii oikein myös mobiilissa ja tabletilla. Jos teksti on vierailijan näytöllä liian pientä, tai sivua joutuu zoomailemaan, tai kuvat ja sisältölohkot näkyvät vain osittain, niin sivuston käyttö on todella epämukavaa. WordPress-teemasi tai kotisivukoneesi saattaa väittää olevansa “mobiilioptimoitu” tai responsiivinen, mutta tämä kannattaa tarkistaa aina omin käsin!

Kokeile ilmaista responsiivisuustarkistajaamme nyt

74942

Tykkäsitkö työkalusta? Arvostele se!

4.7 (Arvostellut 1354 käyttäjää)

Olet jo äänestänyt! Kumoa

Sinun tulee käyttää työkalua ennen arvostelua