Responsive Website Checker
Zie direct een voorvertoning van je responsieve website en bekijk hoe deze op de meest populaire apparaten (mobiel, tablet en desktop) of met aangepaste resoluties wordt weergegeven.
Zorg ervoor dat je site perfect wordt weergegeven, ongeacht welk apparaat je bezoekers gebruiken om je website te openen!
Populaire apparaten
Alle apparaten
Aangepaste resolutie
iPhone 12
(390x844)
iPhone X
(375x812)
iPhone 8
(375x812)
iPad
(768x1024)
Samsung Galaxy S7
(360x640)
Asus Nexus 7
(600x960)
Kindle Fire, Samsung Galaxy Tab 7”
(600x1024)
13”Notitieblok
(1280x800)
iPhone 12
390x844
iPhone 12
844x390
iPhone X
375x812
iPhone X
812x375
iPhone 8
375x812
iPhone 8
812x375
iPad
768x1024
iPad
1024x768
Samsung Galaxy S7
360x640
Samsung Galaxy S7
640x360
Asus Nexus 7
600x960
Asus Nexus 7
960x600
Kindle Fire, Samsung Galaxy Tab 7”
600x1024
Kindle Fire, Samsung Galaxy Tab 7”
1024x600
13”Notitieblok
1280x800
Mobiel
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)
Tablet
Asus Nexus 7
(600x960)
iPad
(768x1024)
iPadPro
(1024x1336)
Kindle Fire, Samsung Galaxy Tab 7”
(600x1024)
Desktop
13”Notitieblok
(1280x800)
15”Notitieblok
(1366x768)
19”Notitieblok
(1440x900)
21”Notitieblok
(1920x1080)
iPhone X
375x812
iPhone X
812x375
iPhone 8
375x812
iPhone 8
812x375
iPhone 6s
750x1334
iPhone 6s
1334x750
iPhone 12
390x844
iPhone 12
844x390
Samsung Galaxy S7
360x640
Samsung Galaxy S7
640x360
Samsung Galaxy J7
360x640
Samsung Galaxy J7
640x360
Samsung Galaxy S9
360x740
Samsung Galaxy S9
740x360
Samsung Galaxy Fold (folded)
280x653
Samsung Galaxy Fold (folded)
653x280
Samsung Galaxy Fold (unfolded)
768x1076
Samsung Galaxy Fold (unfolded)
1076x768
Samsung Galaxy Note 20
412x883
Samsung Galaxy Note 20
883x412
Asus Nexus 7
600x960
Asus Nexus 7
960x600
iPad
768x1024
iPad
1024x768
iPadPro
1024x1336
iPadPro
1336x1024
Kindle Fire, Samsung Galaxy Tab 7”
600x1024
Kindle Fire, Samsung Galaxy Tab 7”
1024x600
13”Notitieblok
1280x800
15”Notitieblok
1366x768
19”Notitieblok
1440x900
21”Notitieblok
1920x1080
X
Aangepaste resolutie
1920x1080
Veelgestelde vragen
Wat is een responsieve website?
De term mobile responsiveness (een responsieve website) wordt gebruikt om de manier te beschrijven waarop een website is ontworpen om zich automatisch aan te passen aan verschillende mobiele, tablet- en desktoptoestellen. Zelfs schermen die even groot lijken, kunnen verschillende schermresoluties hebben, en het is de schermresolutie (in plaats van de fysieke schermgrootte) waar het om gaat bij een responsieve website. iPads kunnen bijvoorbeeld dezelfde fysieke grootte hebben, maar verschillende schermresoluties. Dit hangt af van welke generatie de iPad is en of het een ‘retina’-scherm heeft.
Wat is de Responsive Checker Tool?
Met de Responsive Checker Tool voer je de URL van je website in om te zien hoe je site eruit ziet op verschillende soorten apparaten, waaronder populaire apparaten, mobiele en tablet-schermresoluties, en zelfs op aangepaste resoluties.
Hoe werkt de Responsive Checker?
Typ gewoon de URL van je website in, klik op ‘test mijn site’ en vervolgens doet onze responsive checker tool de rest. Je kunt het soort apparaat dat je wilt controleren, selecteren uit een lijst met populaire apparaten, waaronder de iPhone X, iPhone 8, iPad, Samsung Galaxy S7, Kindle Fire en de 14″ notebook. Of selecteer het tabblad ‘alle apparaten’ om te kiezen uit verschillende resoluties voor mobiele telefoons, tablets en desktops.
Waarom is het belangrijk om te testen of mijn website responsief is?
Meestal bouw je je website (of laat je het bouwen) op een apparaat ter grootte van een desktop, maar voor meer dan 50% van alle online-activiteiten wordt een mobiel of tablet gebruikt. Aangezien mobiels en tablets kleinere schermresoluties hebben, moet je ervoor zorgen dat je website makkelijk te bekijken en te navigeren is voor bezoekers op mobiel/tablet.
Problemen, zoals een te kleine tekst, tekstvakken/kaders die slechts gedeeltelijk zichtbaar zijn, of pagina’s waarop je veel moet inzoomen, schrikken bezoekers af. Zelfs als de website bouwer of het WordPress thema dat je gebruikt, zegt dat het ‘mobile-optimized’ of responsief is, moet je nog steeds je eigen controles uitvoeren om daar zeker van te zijn!
74942
74942
Vind je deze tool leuk? Beoordeel het!
(Gestemd door 1302 gebruikers)
Je moet deze tool gebruiken om het te kunenn beoordelen
Fijn dat je het leuk vindt!