Como carregar logo no Theme.html de acordo com a resolução do usuario

Pessoal, fiz algo parecido há um tempo atrás, mas tem vários problemas ou seja, vários ifs.
Por exemplo, eu trabalho com dual head, ou seja dois monitores em paralelo, portanto minha resolução é 2560x1024 ou seja, largura de 1280 de um mais a do outro e a altura é a mesma.
Então o JavaScript vai pegar a largura com valores muito mais altos.
Fora outro problema, com a popularização dos widescreen, as resoluções são distintas e fora do padrão proporcional 800x600 e filhos, por exemplo 900x1024
Está afim de controlar na raça todas estes valores?

É complicado, rs