Artur Kępa

Rozdzielczość ekranu, definicja

Rozdzielczość ekranu to parametr określający liczbę pikseli obrazu wyświetlanych na ekranie. Rozdzielczość wyraża się w postaci liczby pikseli w poziomie i w pionie.

Źródło: Wikipedia

Czy przeciętny użytkownik komputera jest zmuszony, aby znać powyższą definicję? Nie. Czy możemy wymagać od internauty umiejętności oceniania jaką obecnie ma ustawioną rozdzielczość? Także nie. Są osoby, które potrafią to robić na oko, niektórzy znają standardowe ustawienia monitorów, jednak pozwolę sobie postawić tezę, że jest to małe grono osób.

Sam często nie potrafię stwierdzić na oko ile pikseli wyświetla dany monitor. Szczerze mówiąc nie pamiętam tej wartości dla monitora, z którego obecnie korzystam. Nie muszę. Mam szereg ważniejszych spraw na głowie. Informacja o rozdzielczości jest dla mnie, jako przeciętnego użytkownika, całkowicie zbędna. Jednak jako web developer interesuję się tym szczegółowo.

Korzystając z próbki 10 tysięcy unikalnych odwiedzin serwisu oknoroll.com wynika, że 80% użytkowników posiada jedną z 3 rozdzielczości:

• 1024 x 768 - standardowy monitor CRT,
• 1280 x 1024 - standardowy monitor LCD,
• 1280 x 800 - standardowy, szerokokątny monitor LCD.

rysunek: statystyka 10 000 unikalnych wejść dla okresu luty 2008 w serwisie oknoroll.com na podstawie Google Analytics. Łącznie rozpoznano 37 różnych rozdzielczości.

Tapety na pulpit

Tapeta na pulpit, stanowi popularną metodę promowania firmy, marki lub samego serwisu internetowego. W przypadku podjęcia dezycji o ściągnięciu i ustawieniu naszej tapety przez użytkownika, mamy pewność, że kontakt z reklamą będzie długi. Nie często zmieniamy tapety. Może raz na tydzień, może raz na miesiąc. Tak wynika z moich prywatnych obserwacji.

Wnioskuję więc, że warto zadbać, aby współczynnik pobierania tapet był jak najwyższy. Zależy on przede wszystkim od kreatywnych zdolności grafików. Sztuka jednak może być wsparta przez drobne rozwiązania. Zaliczamy do nich m.in.:

• skierowanie użytkownika do podstrony z tapetami,
• przygotowanie tapet dla różnych rozdzielczośc ekranu,
• automatyczny wybór rozdzielczości użytkownika.

Pomagamy użytkownikowi w wyborze

Wiemy już, że jako użytkownicy, nie mamy obowiązku znać rozdzielczości monitorów. Z drugiej strony, jako projektanci serwisów internetowych, dbamy o jak największą skuteczność naszych wirtualnych produktów. Jak zatem pogodzić oba żądania?

Z pomocą przychodzi prosty mechanizm. Wystarczy sprawdzić jaką obecnie rozdzielczość ma użytkownik i zaznaczyć odpowiadającą jej tapetę. W 80% przypadków komputer wybierze jedną z 3 dostępnych tapet.
Zwalniamy dzięki temu użytkownika z obowiązku podejmowania decyzji. Oczywiście jeśli ktoś sobie życzy inny rozmiar nic nie stoi na przeszkodzie. Pozostałe tapety nadal można pobrać. Nie zmieniając obecnych przyzwyczajeń, dodajemy interesującą i przydatną funkcjonalność, która z pewnością mile zaskoczy niejednego internautę.

Sposób ten został zrealizowany w serwisach Good-Bye Cellulite Nivea body oraz Mobilking stworzonych przez agencję netizens, w której pracuję na stanowisku web developer.

Instrukcja

Jak to wykonać w prosty sposób? Możemy skorzystać z języka JavaScript oraz specjalnie przygotowanego kodu HTML i CSS. Weźmy naszą obecną listę tapet do pobrania i nadajmy odnośnikom odpowiednie nazwy klasy.


<ul>
<li class=”1280×1024″>
<a title=”1280 x 1024″ href=”1280-1024.jpg”>1280 x 1024</a>
</li>
<li class=”1280×800″>
<a title=”1280 x 800″ href=”1280-800.jpg”>1280 x 800</a>
</li>
<li class=”1024×768″>
<a title=”1024 x 768″ href=”1024-768.jpg”>1024 x 768</a>
</li>
</ul>

Następnie w przeglądarce użytkownika wykonujemy funkcję JS, która doda w odpowiednie miejsce klasę “s” wybrany (selected).


function netizens_tapetyInit() {
var i, objs = document.getElementsByTagName(”li”);
for (i = 0; i < objs.length; i++) {
if (objs[i].className == screen.width + “x” + screen.height) {
objs[i].firstChild.className = “s”;
objs[i].firstChild.innerHTML = objs[i].firstChild.innerHTML + ” Twoja rozdzielczość”;
}
}
}


Konkluzja

Moim zdaniem warto stosować tego typu drobne mechanizmy. Nawet duże i skomplikowane serwisy mogą być uzupełnione o szereg podobnych ułatwień. Niech jednym z nich będzie skrypt eliminujący wiszące spójniki.

To tak jak z przyprawami podczas gotowania. Same w sobie nie stanowią podstawy dania. Ale ich użycie wzmacnia efekt. I tym optymistycznym akcentem… do następnego wpisu.