Reszponzív weboldalnál a látvány a képernyő felbontásához igazodva átrendeződik: máshogy jelenik meg mobilon, tableten vagy nagy monitoron. Ezért fontos tudni, milyen felbontásokat használnak az emberek.
Szem előtt kell tartani azt is, hogy az informatikai eszközök rohamosan fejlődnek. Ehhez képest viszont az emberek ritkábban cserélik azokat. Ezért mindennapos használatban rengeteg féle képernyő felbontású eszköz van, amikre mind érdemes figyelni a weboldal kivitelezéskor.
Szakmabeliként ismerem az elterjedt képernyőfelbontásokat, mert azokra mindenképpen érdemes optimalizálni. Például én 1920×1080-as monitoron dolgozom. Emellett külön figyelek arra, hogy ennél kissebb és nagyobb képernyőkön se "essen szét" a látvány.
A TE JELENLEGI KÉPERNYŐD FELBONTÁSA
amin most nézed ezt a weboldalt:
Fontosnak tartom a készülő weboldalakat az ügyfeleim által használt képernyőméreten is ellenőrzni. Ezért mindig megkérdezem tőlük, hogy milyen képernyőfelbontást használnak.
Ha tőled is megkérdeztem ezt, akkor kérlek a laptopod vagy a számítógéped monitorának képernyőfelbontását küldd el nekem. Akkor is, ha most épp mobiltelefonon olvasod ezt a cikket.
Így nem kell a véletlenre bízni a megrendelő elégedettségét sem 🙂
Ezen kívül nézzünk meg még néhány gyakori tartományt, amelyikre a reszponzív weboldalt érdemes felkészíteni.
Laptop / monitor
- 1366 × 768 (még mindig gyakori laptop)
- 1440 × 900
- 1536 × 864
- 1920 × 1080 (Full HD, nagyon elterjedt)
Gyakorlati norma:
- laptop: 1366–1440 px
- nagy monitor: 1920 px vagy több
Manapság az okostelefonoknak a kézzel fogható méretükhöz képest nagyon nagy a képernyőjük felbontása. Ezért ott a weboldalak már nem a valódi pixelekhez igazodnak, hanem leegyszerűsítve egy egységesített "mobil szélességhez". Így lesz minden telefonon olvasható méretű a szöveg és kényelmes a használat.
A készülő weboldalt ezért több tipikus képernyőméreten teszteljük: mobilon, tableten és számítógépen is.