Se você pensa em usar imagens responsivas a partir de hoje em um site, considere o seguinte:
Eu realmente preciso de imagens responsivas nesse projeto agora ? A maioria dos sites deve esperar por um código padronizado para configurar imagens responsivas. Apenas se você realmente precisar veicular conteúdo para dispositivos móveis e retina no mesmo site, você provavelmente deve considerar a configuração.
Você já usa jQuery ? Caso contrário, não use uma solução baseada em jQuery. Não faz sentido carregar e iniciar o jQuery apenas para salvar o tamanho do arquivo de imagens. Você entende o que quero dizer, certo?
Use uma implementação adequada e preparada para o futuro que:
- não carrega imagens duas vezes (pequenas e grandes)
- não usa <picture> ou outros elementos não existentes na marcação
E é aqui que você pode descobrir o que usar:
https://docs.google.com/spreadsheet/ccc?key=0Al0lI17fOl9DdDgxTFVoRzFpV3VCdHk2NTBmdVI2OXc#gid=0
Existem algumas técnicas ausentes, como adaptive-images.com ou Respondu – outra grande estrutura para imagens resp.
Obrigado!
-Anselm