Come mostrare 2 immagini diverse in base alla risoluzione del monitor?

[allin81]

Ciao a tutti
avrei bisogno di mostrare un'immagine se gli utenti si collegano da pc e un'altra se si collegano da tablet o smartphone.
Avevo pensato di farla con un if else, ma non so se e' la via giusta.
In pratica pensavo che fino ad una cerca risoluzione del browser (if) mostravo l'immagine 1.jpg, altrimenti (else) mostravo l'immagine 2.jpg.

Potrebbe essere un'idea o avete qualcosa di piu' intelligente?

In pratica il problema (l'ho descritto nel forum html) è che devo mostrare una immagine con dei link all'interno creati con una mappa d'immagine, ma quando restringo il browser per vedere se il responsive funziona, l'immagine scala di dimensioni ma se clicco su un link me ne apre un altro perche' quelli non si adattano alla nuova immagine ridimensionata

Cosa mi consigliate?
Grazie

[Alhazred]

PHP non sa niente della risoluzione dello schermo del client, quindi non è in grado di discriminare in base a questo, al massimo può sapere che tipo di browser è in uso e puoi provare a risolvere in questo modo: link.

Se però l'utente che usa il dispositivo mobile imposta il browser per presentarsi come desktop, il rilevamento viene ingannato, ma a quel punto direi che sono problemi dell'utente.

[bruno-]

Usa css

[allin81]

il problema e' che con il browser non credo che poi capirei se e' un ipad o un iphone.

I css li uso già, il problema e' la mappa di immagine.
Mi sa che devo rimuovere i link e creare una pagina ad hoc