Visando o melhor desempenho no tempo de load do meu site eu queria fazer com que o banner da página de entrada fosse mais inteligente.
Para telas de até 1600px teria de ser carregado um banner mais simples, de menor qualidade e de menor tamanho lateral visto que não tem porque ser maior, mas para telas maiores que isso eu traria um banner com mais detalhes e de melhor resolução.
Supondo que eu tivesse uma <img id="banner">
como poderia fazer essa jogada para alterar o src dinamicamente?
É comum isso acontecer nos sites hoje em dia?